Кажется, я не могу заставить scrollspy работать со скрытыми элементами.
Я помещаю data-spy="scroll" в тело и data-target=".classOfNavWrapper", и он не игнорирует скрытые элементы, как это подразумевается в документах, а скорее выбирает элементы для активации почти случайным образом.
Вот скрипт: http://jsfiddle.net/shdapqap/1/
<div class="container">
<div class="row">
<div class="span3">
<div class="nav-wrapper">
<ul id="my-nav" class="nav nav-list affix">
<li><a href="#moose">Moose</a></li>
<li><a href="#bear">Bear</a></li>
<li><a href="#beaver">Beaver</a></li>
<li><a href="#raccoon">Raccoon</a></li>
<li><a href="#bobcat">Bobcat</a></li>
</ul>
</div>
</div>
<div class="span9 my-content">
<section id="moose">
Mooses are cool and big and stuff.
</section>
<section id="bear">
You better stay away from bears, they are bad news.
</section>
<section id="beaver">
Beavers like to slap their tail to scare predators and children.
</section>
<section id="raccoon" class="hidden">
Raccoons like french fries, don't ask me how I know.
</section>
<section id="bobcat" class="hidden">
I would like to know if bobcats go crazy for catnip like my house cat does.
</section>
<button class="show">Show next</button>
</div>
</div>
</div>
Внизу находится кнопка «Показать следующий».., которая показывает следующий скрытый div и обновляет scrollspy, кажется, что он работает свободно только после удаления последнего скрытого класса.
Версия Bootstrap: 2.2.2 (застрял на этом).