Всплывающее окно Twitter Bootstrap не загружается

Question

Что я здесь не так делаю?

Я попробовал его в более крупном проекте и не смог заставить его работать либо

см. Мой jsfiddle

http://jsfiddle.net/keithmancuso/24RQM/

ОБНОВЛЕНИЕ: хорошо, так что я заработал, если я вручную добавил $ (". Pop"). Popover ();но должен ли я их так инициализировать?

Я думаю, что ответ да ... у вас есть инициализация их в вашем собственном коде, чтобы заставить его работать ... самый простой способ, который я нашел, это сделать, просто добавить

$(function() {
    $('a[rel="popover"]').popover();
});

Answer 1

У меня была похожая проблема.Искал версию всплывающего окна начальной загрузки без javascript, но это не представляется возможным.Если вы посмотрите на страницу источника http://twitter.github.com/bootstrap/javascript.html#popover в строке 709-718, то увидите, что пример делает нечто подобное:

Вот упрощенная версия, которая работает для меня

<a href="#" class="btn danger" 
            rel="popover" 
            data-original-title="title" 
            data-content="content">popover</a>
<script>
  $("a[rel=popover]").popover();
</script>

Редактировать: для последних версий твиттера бустрапа (сейчас 2.2.1) вы можете столкнуться с проблемой, когда при нажатии на всплывающую ссылку вы попадаете в верхнюю часть страницы.Этот ответ тоже может быть полезен https://stackoverflow.com/a/13759775/341692.В основном ваш JS теперь должен быть

<script>
$("a[rel=popover]")
    .popover()
    .click(function(e) { 
        e.preventDefault(); 
    });​
</script>

Answer 2

Смотрите мой ответ на аналогичный вопрос, чтобы заставить всплывающую подсказку и всплывающую подсказку работать с разметкой, как и другие плагины Bootstrap:

Как заставить Twitter Bootstrap jQuery Elements (всплывающую подсказку, всплывающее окно и т. Д.) Работать?

Answer 3

Что бы это ни стоило, я ответил на аналогичный вопрос здесь о том, как использовать селекторы a с функцией начальной загрузки tabs(). Бьюсь об заклад, popover() похоже.