Scrollspy на скрытых разделах

Кажется, я не могу заставить 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 (застрял на этом).


person user2451412    schedule 17.07.2015    source источник


Ответы (1)


Я решил эту проблему, заменив часть ScrollSpy из Bootstrap 2.2.2 JS на часть Scrollspy из Bootstrap 3.3.5. И, конечно же, не забывайте обновлять прокрутку после открытия каждого предмета.

person user2451412    schedule 19.07.2015