Bootstrap popover.toggle() pokazuje tylko

Question

Próbuję zintegrować poppera bootstrap twitter; Jestem zmuszony korzystać z javascript API, ponieważ niektóre dynamiczne elementy ładowane są przez Ajax i powinny również reagować.

Zasadniczo, oto przykład tag, który powinien reagować:

<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 jest przez sposób zastąpiona prawidłowym URL

A moi JS:

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

Oto zachowanie chciałbym osiągnąć:

• Po pierwsze kliknięcie, popover pokazuje
• Kiedy kliknięcie występuje na otwartym popover, należy zamknąć to

Czy to nie jest celem „Przełącz”? Czy w tym kodzie jest coś nie tak, czy też powinienem sprawdzić gdzie indziej w mojej aplikacji?

Dzięki

EDIT: Na razie to zawsze pokazują popover, nawet jeśli jest już otwarty dziwne: jeśli dodam alert("test"); w mojej funkcji wywołania zwrotnego, to działa ..

Answer 1

Wreszcie znaleziono odpowiedź ja ..;) po prostu musiałem dodać atrybut do mojego linku: data-trigger="manual"

Answer 2

Removetoggle z popover function bez użycia click event jak,

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

Demo

Zaktualizowany, Jeśli trzeba add click event after tego można dodać co jest independent do popover jak,

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