Twitter Bootstrap pop-over не загружается

Что я здесь делаю неправильно?

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

см. мой jsfiddle

UPDATE: ok, поэтому я получил его, если вручную добавить $( ". pop" ). popover(); но мне нужно их так активизировать?

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

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

Ответ 1

У меня была аналогичная проблема. Ищет версию всплывающего окна bootstrap без 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>

Изменить: для последних версий twitter boostrap (прямо сейчас 2.2.1) вы можете столкнуться с проблемой, когда при нажатии на ссылку popover вы попадаете в начало страницы. Этот ответ может быть полезным также fooobar.com/questions/180915/.... В основном ваш js теперь должен быть

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

Ответ 2

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

Как получить щебетать Элементы jQuery Bootstrap (всплывающая подсказка, popover и т.д.)?

Ответ 3

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