Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery维护活动导航选项卡?_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用jquery维护活动导航选项卡?

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

我正在使用此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 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
    中的>>是否是完整的绝对路径??