Ich versuche, alle anderen Popovers zu verbergen, wenn ein neues Popover ausgewählt wird, indem ich Folgendes tue:
Mein HTML
%Vor%Mein Javascript
%Vor%Allerdings sind meine console.log ('Anfragen') und console.log ('Nachrichten'); wird nie angezeigt, obwohl die Anfragen und Nachrichten Popover zeigen, was mache ich falsch?
Das Popover-Plugin löst kein Event aus. Auch nicht das Tooltip-Plugin (da Popover den Tooltip erweitert). Überprüfen Sie dieses Problem (github) auf Alternativen.
Sie können verschiedene JS-Ereignisse abhängig von Ihrem trigger verwenden. Für Ihr Beispiel: Demo (jsfiddle)
Warum 'click' ? Da der Standard-Popover-Trigger für Version 2.1.1 click ist. Siehe das Popover-Dokument doc (github)
Sie können die folgenden Ereignisse verwenden:
trigger: 'click' : auf click
trigger: 'hover' : Anzeige auf mouseenter und Verbergen auf mouseleave
trigger: 'focus' : Anzeige auf focus und Verbergen auf blur
trigger: 'manual' : Verwenden Sie Ihren eigenen Code, um trotzdem anzuzeigen und zu verbergen Bootstrap unterstützt jetzt Popover-Ereignisse - siehe den Abschnitt Ereignisse in den offiziellen Popover-Dokumenten (und hier ist das Dokument changelog ).
Beispiel:
%Vor%Nach Ссылка lautet der Name des Ereignisses
show.bs.popover
Ich habe es versucht, und es funktioniert gut
Versuchen Sie Folgendes:
%Vor%Dies legt einen Event-Handler für das gesamte Dokument fest und wenn es kein Popover-Element ist, werden alle Popover-Meldungen ausgeblendet.
Auch bei dem Ereignis show.bs.popover (ausgelöst vor dem Öffnen eines Popover) werden alle anderen ausgeblendet.
Tags und Links javascript twitter-bootstrap