Javascript 如何使用jquery维护活动导航选项卡?
我正在使用此js在我的网页中放置活动导航选项卡:Javascript 如何使用jquery维护活动导航选项卡?,javascript,jquery,Javascript,Jquery,我正在使用此js在我的网页中放置活动导航选项卡: $('a[href="' + this.location.pathname + '"]').parents('li,ul').addClass('active'); 它在视图的同一级别(安全/buyer\u user/inbox/get/new\u purchase)下工作,但如果我更改安全/buyer\u user/inbox/get/new\u purchase之类的位置,导航选项卡将变为非活动状态 我有以下页面结构: <nav
$('a[href="' + this.location.pathname + '"]').parents('li,ul').addClass('active');
它在视图的同一级别(安全/buyer\u user/inbox/get/new\u purchase)下工作,但如果我更改安全/buyer\u user/inbox/get/new\u purchase之类的位置,导航选项卡将变为非活动状态
我有以下页面结构:
<nav class="navbar navbar-default navbar-fixed-top" id="nav" name="nav">
<div class="container-fluid">
<ul class="nav navbar-nav hover">
<li>...<li>
<ul>
</div>
</nav>
- …
-
任何帮助都会很好。试试这个
var loc = window.location.pathname;
$('#nav').find('a').each(function() {
$(this).toggleClass('active', $(this).attr('href') == loc);
});
请提供有关您网页的更多信息这只是关于URL的信息,不需要更多信息。它不起作用。我有以下结构
- 您可以为
或标签提供完整的代码吗?请检查标签href
中的>>是否是完整的绝对路径??