Бутстрэп поповер.toggle () показывать только

Я пытаюсь интегрировать Twitter bootstrap popover ; я вынужден использовать javascript API, потому что некоторые динамические элементы загружаются через Ajax и тоже должны реагировать.

В основном, вот пример тега, который должен реагировать:

<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top" 
   data-content="&lt;img src=&quot;URL&quot; /&gt;"
   data-html="true" href="#" 
   class="popoverFileSee btn btn-default">See</a>

URL, кстати, заменен правильным URL

и мой JS:

$( document ).on( "click", ".popoverFileSee", function() {
    $( this ).popover( "toggle" );      
    return false;
});

вот поведение, которого я хотел бы достичь:

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

разве это не цель "переключения"? Что-то не так в этом примере кода, или я должен проверить в другом месте моего приложения ?

спасибо

EDIT: на данный момент он всегда показывает popover, даже если он уже открыт Странная вещь: если я добавлю alert( "test" ); в мои функции обратного вызова, то он работает..

9
jquery popover twitter-bootstrap

2 ответов

наконец-то нашел ответ сам.. ;) Мне просто нужно было добавить атрибут к моей ссылке:data-trigger="manual"

24

Remove на toggle С popover function без использования click event например,

$(".popoverFileSee").popover();

демо

обновлена, Если вам нужно add click event после этого вы можете добавить что independent to popover например,

$(".popoverFileSee").popover();
$(".popoverFileSee").on('click',function(){
   // your ajax code here
});
0