Ich habe einige der Suche getan, und ich habe nur in der Lage gewesen zu herausfinden, dass ich kann attach events to the buttons that cause it to close.Wie eine Funktion zum Befestigen an popover Ereignis (Twitter Bootstrap) entlassen
Dies ist jedoch nicht der Fall ist, wenn der Griff Benutzer klickt einfach woanders hin. Ich möchte ein Ereignis auslösen, wenn das Popover verschwindet und entfernt wird. Hat jemand irgendwelche Vorschläge?
Update: Ich habe die Antwort unten versucht und war nicht in der Lage, es zur Arbeit zu bringen, obwohl es eindeutig aus dem Beispiel Jsfiddle sollte. Es kann zu Konflikten mit den verwendeten Bibliotheken und Einstellungen kommen.
Hier ist der Code, den ich mit:
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');
});
Es schafft die popover, zeigt es, und dann fügt das on hidden
Ereignis. Die ersten beiden funktionieren korrekt. Der dritte wird jedoch nicht ausgelöst, wenn Sie auf die Abbrechen-Schaltfläche klicken (data-dismiss='modal'
) oder auf eine andere Stelle auf dem Bildschirm klicken, um die Schaltfläche zu schließen.
Bibliotheken, die ich verwende, sind: require.js
, backbone.js
, marionette.js
.
Ich habe die jsfiddle klicken verwenden überarbeitet und es funktioniert immer noch: http://jsfiddle.net/zj37u/
Hat jemand Vorschläge, warum nicht meine oder arbeiten kann, wie ich es debuggen? Ich habe schon ein paar Variationen ausprobiert.
Große Antwort und ich schätze auch die jsfiddle Beispiel. Leider konnte ich nicht mit meinem aktuellen Setup arbeiten. Irgendwelche Vorschläge? – Matt
Welche Version von Bootstrap verwenden Sie? Das funktioniert mit dem neusten (2.3.1) aber funktionierte nicht mit einer älteren Version (; vorher habe ich 2.2.2 probiert) – hajpoj
Es klappt! Das müssen die Probleme gewesen sein. Vielen Dank! – Matt