Bootstrap popover.toggle () seulement montrer

Je suis en train d'intégrer un twitter bootstrap liste ; je suis obligé d'utiliser l'API javascript, parce que certains éléments dynamiques sont chargées via Ajax et de réagir aussi.

Fondamentalement, voici un exemple de balise qui doit réagir :

<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 est remplacé par l'URL correcte

Et mon JS :

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

Ici est le comportement que j'aimerais réaliser :

  • Lors du premier clic, la liste montre
  • Lors d'un clic se produit pour ouvrir un fenêtre pop-over, il doit la fermer

N'est-ce pas le but de la "bascule" ? Est-il quelque chose de mal dans cet exemple de code, ou dois-je vérifier d'ailleurs dans mon application ?

Grâce

EDIT : Pour l'instant, il affiche toujours la liste, même si il est déjà ouvert
Chose étrange : si j'ajoute alert( "test" ); dans ma fonction de rappel, puis il travaille..

source d'informationauteur Jérémy Dutheil

  1. 24

    Finalement trouvé la réponse moi-même.. 😉
    J'ai simplement eu à ajouter un attribut à mon lien : data-trigger="manual"

  2. 0

    Remove la toggle de popover function sans l'aide de click event comme,

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

    Démo

    Mis à jour, Si vous avez besoin de add click event l'après cela, vous pouvez ajouter ce qui est independent à popover comme,

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