将活动css类应用于当前url

Question

在我的基于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应用？

Answer 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');
            })