So schließen Sie das Bootstrap-Modal-Feld

Wie schließe ich die Bootstrap-Modal-Box?

data-dismiss="modal" ist ein benutzerdefiniertes HTML5-Datenattribut. Hier wird es zum Schließen des modalen Fensters verwendet. Mit diesem Attribut kann die modale Box beim Klicken geschlossen werden.

Zugehörige Einführung:

Modal ist ein Unterformular, das das übergeordnete Formular abdeckt. Typischerweise besteht der Zweck darin, Inhalte aus einer separaten Quelle anzuzeigen, die eine gewisse Interaktion ermöglichen, ohne das übergeordnete Formular zu verlassen. Unterformulare bieten Informationen, Interaktion und mehr.

Wenn Sie die Funktionalität des Plugins separat referenzieren möchten, müssen Sie auf modal.js verweisen. Alternativ können Sie, wie im Kapitel „Übersicht über das Bootstrap-Plugin“ erwähnt, auf bootstrap.js oder eine minimierte Version von bootstrap.min.js verweisen.

Verwendung

Sie können den verborgenen Inhalt des modalen Plug-Ins wechseln:

Über das Datenattribut: Legen Sie Attribute für das Controller-Element fest (z. B. eine Schaltfläche oder einen Link). ) data-toggle="modal" und setzen Sie data-target="#identifier" oder href="#identifier", um das spezifische Modalfeld (mit id="identifier") anzugeben, das umgeschaltet werden soll.

Über JavaScript: Mit dieser Technik können Sie ein Modal mit id="identifier" mit einer einfachen Zeile JavaScript aufrufen:

$('#identifier').modal(options)

Verwandte Empfehlungen: "Bootstrap-Tutorial 》

Das obige ist der detaillierte Inhalt vonSo schließen Sie das Bootstrap-Modal-Feld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!