Wie kann ich ein Bootstrap-Popover mit einem Button im Popover schließen?

8

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

    
XT_Nova 25.04.2013, 23:41
quelle

7 Antworten

7

Versuchen Sie Folgendes: - Ссылка

%Vor%     
PSL 26.04.2013, 00:48
quelle
3

Wie wäre es mit einem kleinen Onclick:

%Vor%

Oder wie wäre es mit einer Funktion:

%Vor%

mit ...

%Vor%

Oder wie wäre es mit der Bindung an die Schaltfläche, nachdem sie erstellt wurde?

%Vor%     
jon__o 26.04.2013 00:18
quelle
2

Frühere Beispiele haben zwei Hauptnachteile:

  1. Der 'close'-Button muss in gewisser Weise die ID des referenzierten Elements kennen.
  2. Die Notwendigkeit, das Ereignis "show.bs.p.pover" hinzuzufügen, ein Klick-Listener auf die Schaltfläche zum Schließen. Das ist auch keine gute Lösung, weil Sie dann jedes Mal, wenn das 'Popover' angezeigt wird, einen solchen Listener hinzufügen würden.

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%     
user2957865 09.06.2014 00:38
quelle
0

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

    
Patrick McWilliams 25.04.2013 23:48
quelle
0

Platziere das in deinem Titel-Popover-Konstruktor ...

%Vor%

... um eine kleine rote "x" Taste in der oberen rechten Ecke zu bekommen

%Vor%

Ich gebe die gleiche Antwort Ссылка Ich hoffe das ist erlaubt.

    
housecarl 09.05.2014 03:39
quelle
0

Alternative ohne Aufruf der Funktion bei Klick:

Javascript

%Vor%     
Sabrina Leggett 14.12.2015 21:28
quelle
-1

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%     
scott 19.05.2016 19:44
quelle