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: Blende andere Popover aus, sobald ein neuer sich öffnet
#Tutorials#Bootstrap#jQuery
Von sich aus kann Bootstrap es nicht, dass Popover geschlossen werden, sobald man ein neues öffnet. Das führt schnell dazu, dann man Unmengen von Popovern auf der Seite hat, die sich gegenseitig überlappen.
Mit folgendem kleinem Code, kann man die Popover ausblenden, die gerade nicht aktiv angeklickt werden.
// add popver functionality
$('.popoverelem').popover();
// close other popover
$('.popoverelem').on('click', function (e) {
$('.popoverelem').not(this).popover('hide');
});Was macht der Code?
Klickt man auf ein Element, das über einen Popover verfügt, so werden alle Popover, außer das was geklickt wurde, ausgeblendet.
Ich hoffe damit konnte ich weiterhelfen!
Kommentare
Es gibt noch keine Kommentare. Sei der Erste!
Hinterlasse einen Kommentar