Warnmeldungen werden hauptsächlich verwendet, um den Endbenutzer Informationen wie Warn- oder Bestätigungsmeldungen anzuzeigen. Mit dem Warn -Plugin können Sie allen Warnbox -Nachrichten eine stornierbare Funktion hinzufügen.
Wenn Sie auf die Funktionalität des Plugins separat verweisen möchten, müssen Sie aufmerksam.js verweisen. Oder, wie im Kapitel "Bootstrap Plugin" erwähnt, können Sie unter Bootstrap.js oder komprimierten Versionen von Bootstrap.min.js verweisen.
1. Nutzung
Sie können die Entlassungsfunktion des Warnboxs auf die folgenden zwei Arten aktivieren:
1. Durch Datenattribute: Fügen Sie eine stornierbare Funktion über die Daten -API (Daten -API) hinzu. Fügen Sie einfach Data-Dismiss = "Alert" zur Schließschaltfläche hinzu, und die Schließfunktion wird automatisch zum Warnfeld hinzugefügt.
<a data-dismiss = "alert" href = "#" aria-hidden = "true"> × </a>
2. Über JavaScript: Fügen Sie abgebrochene Funktionen über JavaScript hinzu:
$ (". Alert"). Alert ()
2. Einfache Beispiele
Das Warnbox ist das Informationsfeld für Klickstunden.
1. Basisbeispiele
<Div> <button type = "button" data-dismiss = "alert"> <span> × </span> </button> <p> WARNUNG: Ihr Browser unterstützt es nicht! </p> </div>
2. Fade Effekt hinzufügen
<div>
Wenn JavaScript verwendet wird, kann es durch data-dismiss = "alarm" ersetzt werden.
// JavaScript -Methode $ ('. Close'). On ('Click', function () {$ ('#alert'). Alert ('Close');})Es gibt zwei Arten von Ereignissen im Alarm-Plug-In:
// Ereignisse, andere Ähnlichkeiten $ ('#alert'). On ('close.bs.alert', function () {alert ('aufgerufen, wenn die Schließmethode ausgelöst wird!');});Diese Reihe von Tutorials wurde zusammengestellt in: Bootstrap -Tutorials für besondere Themen, Willkommen, um zu lernen.
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige dreht sich alles um diesen Artikel. Ich hoffe, es wird für alle hilfreich sein, das Bootstrap -Warnbox -Plugin zu lernen.