提问者:小点点

将活动css类应用于当前url


在我的基于php的web项目中,当用户点击导航菜单栏,即我的导航菜单时,我想将css类(.active)应用到当前url路径

<li><a href="http://localhost:8000/OhdyDaran')">Designation</a></li>
<li><a href="http://localhost:8000/gallery">Gallery</a></li>
<li><a href="http://localhost:8000/Introduction">introduction</a></li>
<li><a href="http://localhost:8000/home">Home</a></li>

如何应用。主动的css类与Jquery或JS,页面刷新后,链接是css应用?


共1个答案

匿名用户

试试这个。

$(document).ready(function () {
   var link = window.location.href.split('/');
   var page = link[link.length - 1];
   var url = link[link.length - 2];

   // now select the link based on the address
   $('li > a[href="'url + '/' + page + '"]').closest('li').addClass('active');
            })