Ich habe eine jsFiddle erstellt, in der ich die Twitter-Bootstrap-Popover-Funktion für ein Symbol verwende.
%Vor%jquery:
%Vor%Ich scheine das Popover nicht mit dem Knopf zu schließen. Ich habe versucht, eine jQuery-Klick-Funktion auf die ID "Close-Popover" zu machen, aber es passiert nichts. (Ich habe meinen Versuch nicht eingeschlossen, es innerhalb der JFiddle zu schließen)
Irgendwelche Vorschläge, wie Sie ein Popover mit einer Schaltfläche im Popover schließen können?
Grüße, Rechnung
Frühere Beispiele haben zwei Hauptnachteile:
Unten ist eine Lösung, die solche Nachteile nicht hat.
Standardmäßig wird das Element 'popover' unmittelbar nach dem referenzierten Element im DOM eingefügt (beachten Sie, dass das referenzierte Element und das Popover unmittelbare Geschwisterelemente sind). Wenn Sie also auf die Schaltfläche "Schließen" klicken, können Sie einfach nach dem nächstliegenden Elternelement "div.pover" suchen und dann nach dem unmittelbar vorhergehenden gleichgeordneten Element eines solchen Elternelements suchen.
Fügen Sie einfach den folgenden Code in den 'onclick'-Handler der' close'-Schaltfläche ein:
%Vor%Beispiel:
%Vor%versuche das:
%Vor%Indem Sie $ (this) übergeben, verweist Ihr Verweis auf die Schaltfläche und das Elternelement auf das Element, auf dem sich die Schaltfläche befindet
Alternative ohne Aufruf der Funktion bei Klick:
Javascript
%Vor%Ich habe viele Popovers auf meiner Website, und alle haben dieselbe benutzerdefinierte Titelleiste, so dass sie alle dieselbe Schaltfläche zum Schließen haben. Daher kann ich keine ID an einen onclick-Handler übergeben. Stattdessen habe ich mich entschieden, nach dem offenen Popover zu suchen (es kann immer nur eines geöffnet sein) und dann schließen.
%Vor%Tags und Links javascript html jquery css twitter-bootstrap