Bootstrap popover.toggle() only show

Question

Я пытаюсь интегрировать 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; 
}); 

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

• При первом клик, поповер показывает
• Когда щелчок происходит на открытом пирог, он должен закрыть его

Разве это не цель «тумблер»? В этом примере кода что-то не так, или я должен проверить в другом месте приложения?

Благодаря

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

Answer 1

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

Answer 2

Removetoggle из popover function без использования click event как,

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

Demo

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

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