Twitter Bootstrap 2, развал-навигация

Question

С помощью Twitter Bootstrap 2, как получить ссылки, работающие в collapse-nav:

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="/index.html">Hubsphere - Controller</a>
      <div class="nav-collapse">
        <ul class="nav">
          <li class="">
            <a href="./index.html">Overview</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>    

У меня есть jquery и файл bootstrap-collapse.js.

Я пытался дозвониться до $('.nav-collapse').collapse(), но это просто открывает область коллапса и доза не активирует кнопку. это то, что я ожидал, так как он должен просто работать с разметкой.

спасибо

Answer 1

Мне было немного любопытно узнать, возникает ли эта проблема при загрузке 2.0.4

На самом деле нет смысла включать и bootstrap.js, и bootstrap-collapse.js, поскольку bootstrap.js включает в себя bootstrap-collapse.js

только boostrap-collapse.js http://jsfiddle.net/baptme/YWUmb/6/

Отлично работает, как и ожидалось.

обоих boostrap.js и boostrap-collapse.js: http://jsfiddle.net/baptme/YWUmb/5/

Если вы нажмете кнопку сворачивания в первый раз, div откроется и закроется немедленно. (Я думаю, это потому, что плагин объявлен дважды).

И тогда все работает нормально.

Эта проблема характерна для ранней версии Twitter Booraprap (2.0.0), но она была устранена или более не возникает из-за изменения структуры плагина.

Answer 2

Хорошо, поэтому моя проблема заключалась в том, что я включил bootstrap.js и bootstrap-collapse.js в один и тот же файл, я предположил, что bootstrap.js был необходим, а затем, когда он не работал, я включил bootstrap-collapse.js.

Теперь это очевидно для меня, но bootstrap.js - это все загруженные файлы начальной загрузки.Что приятно ...

Answer 3

В другом случае требуется файл bootstrap.css ПОСЛЕ bootstrap-responseive.css. Это также приведет к тому, что кнопка не появится. Обязательно сначала загрузите bootstrap.css ПЕРЕД bootstrap-responseive.css.

Answer 4

Либо вы включаете полную библиотеку JQuery начальной загрузки (которая хранит все JS для всех плагинов), либо вы включаете одну библиотеку.

Так, например: если вы хотите использовать всплывающие подсказки, вы можете:

• включает в себя: js / bootstrap.js (содержит все плагины)

или

• включает: bootstrap / js / bootstrap-tooltip.js

второй метод лучше, потому что вы не загружаете в браузер вещи, которые не будут использоваться!

Используйте версию LESS от github или откомпилируйте свою собственную с помощью пользовательского компилятора сайта начальной загрузки, никогда не используйте версию по умолчанию!