Dieser Beitrag erläutert speziell das Verfahren, um ein Bootstrap -Modalfenster mit JQuery zu schließen.
So verwenden Sie JQuery, um ein Bootstrap -Modalfenster zu schließen?
Wir werden das erwähnte Thema näher erläutern, indem wir die folgenden Schritte behandeln:
Schritt 1: Erstellen Sie Bootstrap -Modalfenster in HTML
Durch die Verwendung der Bootstrap -Modalklassen kann das modale Fenster effizient erstellt werden:
Willkommen bei LinuxHint!
Schritt 2: Schließen Sie das Bootstrap -Modalfenster mit JQuery
Im Allgemeinen das Datenattribut “Data-Dismiss"Mit dem Wert"modal”Wird angegeben, um das modale Dialogfeld zu schließen. Dieses Attribut wird auf das Schaltflächenelement angewendet, um das Fenster zu schließen.
In unserem Szenario sind wir an der Implementierung von JQuery interessiert, um das Popup -Fenster zu schließen. Lassen Sie uns damit mit Hilfe der Implementierung besprechen:
Ausgang
Auf diese Weise können Sie mit JQuery ein Bootstrap -Modalfenster schließen.
Abschluss
Erstellen Sie ein modales Fenster mit den Bootstrap -Klassen zum Schließen eines Bootstrap -Modalfensters mit JQuery. Implementieren Sie die JQuery -Funktion “$ ()”Um die ID des Elements zu erhalten und dann die“ zu assoziieren “Modal ('Hide')Funktionieren Sie damit. In diesem Artikel wurde veranschaulicht, wie JQuery implementiert wird, um ein Bootstrap-Modalfenster zu schließen.