Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Zurück zur Übersicht
Bootstrap 3: Popover schließen, wenn man irgendwo außerhalb hinklickt
#Tutorials#jQuery
Die Popover bei Bootstrap sind eine sehr sinnvolle und schöne Erweiterung. Leider gehen diese nur wieder zu, wenn man auf den Button, der den Popover geöffnet hat noch einmal klickt. Möchte man dies umgehen kann man das nachfolgende Skript verwenden.
Wir gehen davon aus, dass wir einen Button haben, der den Popover öffnet und der Popover sich auch außerhalb oder innerhalb des Buttons befindet. Der Button heißt in diesem Fall: "popover_btn"
$(document).click(function(event) {
var target = $(event.target);
if (!target.hasClass('popover') && target.closest('.popover').length == 0 && !target.hasClass('popover_btn') && target.closest('.popover_btn').length == 0) {
// Weder das Element selbst noch ein Kind davon und auch nicht der Popover
$('.popover_btn').popover('hide');
}
});
Kommentare
Es gibt noch keine Kommentare. Sei der Erste!
Hinterlasse einen Kommentar