Comment attacher une fonction à un événement de dégagement de popover (Twitter Bootstrap)

J'ai fait une recherche et je n'ai pu constater que je peux attacher des événements aux boutons qui le feront fermer.

Cependant, cela ne gère pas le cas lorsque l'utilisateur clique simplement sur d'autres endroits. J'aimerais déclencher un événement car le popover est en train de disparaître et d'être supprimé. Quelqu'un at-il des suggestions?

Mise à jour: J'ai essayé la réponse ci-dessous et j'ai été incapable de la faire fonctionner, bien que cela soit évident à partir de l'exemple de jsfiddle. Il peut y avoir des conflits avec les bibliothèques et la configuration que j'utilise.

Voici le code que j'utilise:

this.$el .popover({ html: true, title: 'Schedule an appointment', content: '<div id="' + this.popoverView.cid + '" class="event-popover"></div>', placement: placement }) .popover('show') .on('hidden', function(e) { alert('hidden'); }); 

Il crée le popover, le montre, puis ajoute l'événement on hidden . Les deux premiers fonctionnent correctement. Cependant, le troisième ne déclenche pas en cliquant sur le bouton Annuler ( data-dismiss='modal' ) ou en cliquant ailleurs sur l'écran pour fermer le bouton.

Les bibliothèques que j'utilise sont: require.js , backbone.js , marionette.js .

J'ai révisé le jsfiddle pour utiliser le clic et ça marche toujours: http://jsfiddle.net/zj37u/

Est-ce que quelqu'un a des suggestions quant à savoir pourquoi le mien peut ne pas fonctionner ou comment je peux le débarrasser? J'ai déjà essayé quelques variations.

Il y a l'événement hidden et hidden que vous pouvez écouter sur le popover. hide se produit lorsque le popover commence à disparaître et à se hidden lorsqu'il est terminé.

Voici un exemple d'alerte affichant chaque fois que vous déplacez la souris loin du lien popover:

HTML:

 <a href="#" id="button" class="btn danger" rel="popover" data-original-title="title" data-content="content">popover</a> 

JS:

 var $popover = $("a[rel=popover]").popover({ trigger: "hover" }).click(function(e) { e.preventDefault(); }); $popover.on("hidden", function(e) { alert("hidden"); }); 

Également en tant que jsfiddle: http://jsfiddle.net/Ny5Km/4/

Mettre à jour:

Pour la version bootstrap v3.3.5, voir événements popover

 $popover.on("hidden.bs.popover", function(e) { alert("hidden.bs.popover"); });