Jquery 引导3 Scrollspy删除活动状态
我有一个使用scrollspy引导和固定标题的站点。我有它的工作很好，但遇到了一个问题与scrollspy。页面上有几个部分不是主导航的一部分。在这些部分中，最新的“活动”链接将保留。最容易用小提琴来演示问题：Jquery 引导3 Scrollspy删除活动状态,jquery,twitter-bootstrap,scrollspy,Jquery,Twitter Bootstrap,Scrollspy,我有一个使用scrollspy引导和固定标题的站点。我有它的工作很好，但遇到了一个问题与scrollspy。页面上有几个部分不是主导航的一部分。在这些部分中，最新的“活动”链接将保留。最容易用小提琴来演示问题： 别刺探我！ 弗斯特 等 基本上，我只想在导航栏中的目标元素实际显示时显示活动状态。有什么想法吗？提前谢谢 同样的事情也发生在我身上，这就是我所做的。 我不知道这是否是最好的方法，但它确实有效。 这是你手中的密码： 您可以在忽略的部分所在的位置添加额外的列表项，并将它
别刺探我！
弗斯特
等
基本上，我只想在导航栏中的目标元素实际显示时显示活动状态。有什么想法吗？提前谢谢 同样的事情也发生在我身上，这就是我所做的。
我不知道这是否是最好的方法，但它确实有效。
这是你手中的密码： 您可以在忽略的部分所在的位置添加额外的列表项，并将它们添加到一个类（示例中为“忽略”）和一个id
<body data-spy="scroll" data-target=".main-nav">
<nav class="main-nav">
<ul class="nav">
<li class="ignore"><a href="#no-spy-first"></a></li>
<li><a href="#first">First</a></li>
<li><a href="#second">Second</a></li>
<li><a href="#third">Third</a></li>
<li><a href="#fourth">Fourth</a></li>
<li><a href="#fifth">Fifth</a></li>
<li class="ignore"><a href="#no-spy-second"></a></li>
</ul>
</nav>
希望这有帮助 谢谢！这绝对有效-聪明的解决方法。这将是一个很好的功能，可以在Scrollspy中实现-理想情况下不需要添加额外的列表项。这是可行的，但我相信
.ignoredisplay:none。这样，当nav是全宽且折叠时，它就可以工作了。
<body data-spy="scroll" data-target=".main-nav">
<nav class="main-nav">
<ul class="nav">
<li class="ignore"><a href="#no-spy-first"></a></li>
<li><a href="#first">First</a></li>
<li><a href="#second">Second</a></li>
<li><a href="#third">Third</a></li>
<li><a href="#fourth">Fourth</a></li>
<li><a href="#fifth">Fifth</a></li>
<li class="ignore"><a href="#no-spy-second"></a></li>
</ul>
</nav>
<section class="no-spy" id="no-spy-first">
Don't spy me!
</section>
<section class="block" id="first">
First
</section>
...
<section class="no-spy last" id="no-spy-second">
Don't spy me!
</section>
$('.ignore').css({'visibility':'hidden', 'width':'0%'});