如何使用jquery保持活动导航选项卡？

Question

我正在使用此js在我的网页中放置一个导航标签：

  $('a[href="' + this.location.pathname + '"]').parents('li,ul').addClass('active');

它在视图的同一级别（secured / buyer_user / inbox / get / new_purchase）中工作，但如果我更改了像secured / buyer_user / inbox / get / new_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>

任何帮助都会很棒。

Answer 1

试试这个

  var loc = window.location.pathname;

   $('#nav').find('a').each(function() {
     $(this).toggleClass('active', $(this).attr('href') == loc);
  });