Das beste Bootstrap Alert-Box-Tutorial im Jahr 2024. In diesem Tutorial können Sie
Verwendung,Beispiele,Optionen,Weg,Beispiele,Ereignis,Beispiele, lernen
Bootstrap Alert-Box
Box-Warnung (Alert) Meldung wird meist verwendet, um Informationen anzuzeigen, wie Endanwender eine Warnung oder Bestätigungsmeldung möchten. Box mit einer Warnung (Alert) Plug-in, können Sie hinzufügen Abbrechen (entlassen) Funktion auf alle Warnmeldung Feld.
Verwendung
Es gibt zwei Möglichkeiten, wie Sie ein Warnfeld aktivieren kann (Entlassung) Funktion zu beenden:
Beispiele
Das folgende Beispiel zeigt die Verwendung einer Warnmeldung (Alert) Widget von Datennutzung zuschreiben.
Beispiele
<Div class = "alert alert-Warnung" >
<A href = "#" class = "close" Daten entlassen = "alert">
& Zeiten;
</ A>
<Strong> Achtung! </ Strong> Ihre Netzwerkverbindung Problem. </ Div>
Versuchen » Die Ergebnisse sind wie folgt:
Optionen
Es gibt keine Optionen.
Weg
Hier sind einige Warnbox (Alert) Plug-in nützliche Möglichkeiten:
方法 | 描述 | 实例 |
.alert() | 该方法让所有的警告框都带有关闭功能。 |
$('#identifier').alert();
|
Close Method.alert('close') | 关闭所有的警告框。 |
$('#identifier').alert('close');
|
Um Animation ermöglichen , wenn sie geschlossen, stellen Sie sicher , dass Sie die.fade und .in-Klasse hinzufügen.
Beispiele
Das folgende Beispiel zeigt.alert () Methode:
Beispiele
<H3> Warnbox (Alert) Widget alert () Methode </ h3>
<Div id = "myAlert" class = "alert alert-Erfolg" >
<A href = "#" class = "close" Daten entlassen = "alert"> & Zeiten; </ a>
<Strong> Erfolg! </ Strong> ist das Ergebnis erfolgreich. </ Div>
<Div id = "myAlert" class = "alert alert-Warnung" >
<A href = "#" class = "close" Daten entlassen = "alert"> & Zeiten; </ a>
<Strong> Achtung! </ Strong> Ihre Netzwerkverbindung Problem. </ Div>
<Script>
$ (Function () {$ ( ".close") klicken (function () {$ ( "#myAlert") alert (); de});});
</ Script> [/ mycode2] </ div> <br>
<A target = "_blank" href = "/try/try.php?filename=bootstrap3-plugin-alert-method1" class = "tryitbtn"> versuchen »</ a>
</ Div>
<P> Das folgende Beispiel zeigt die <b> .alert ( 'close' ) Verbrauch </ b> Methode: </ p>
<Div class = "example">
<H2 class = "example"> Instanz </ h2>
<Div class = "example_code"> [mycode3 type = "html"] <h3> Warnbox (Alert) Widget alert ( 'close') Methode </ h3>
<Div id = "myAlert" class = "alert alert-Erfolg" >
<A href = "#" class = "close" Daten entlassen = "alert"> & Zeiten; </ a>
<Strong> Erfolg! </ Strong> ist das Ergebnis erfolgreich. </ Div>
<Div id = "myAlert" class = "alert alert-Warnung" >
<A href = "#" class = "close" Daten entlassen = "alert"> & Zeiten; </ a>
<Strong> Achtung! </ Strong> Ihre Netzwerkverbindung Problem. </ Div>
<Script>
$ (Function () {$ ( ".close") klicken (function () {$ ( "#myAlert") alert ( 'close'); de});});
</ Script>
Versuchen » Sie können alle Warnfeld angezeigt werden angewendet Off-Funktion schaltet alle Warnungen Box, die andere verbleibende Warnfeld geschlossen werden.
Ereignis
Die folgende Tabelle zeigt die Warnmeldung (Alert) Plug-Ins für den Fall verwendet werden. Diese Ereignisse können, wenn die Hook-Funktion verwendet werden.
事件 | 描述 | 实例 |
close.bs.alert | 当调用close实例方法时立即触发该事件。 |
$('#myalert').bind('close.bs.alert', function () {
// 执行一些动作de.
})
|
closed.bs.alert | 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。 |
$('#myalert').bind('closed.bs.alert', function () {
// 执行一些动作de.
})
|
Beispiele
Das folgende Beispiel zeigt Event-Box-Warnung (Alert) Plug-in:
Beispiele
<Div id = "myAlert" class = "alert alert-Erfolg" >
<A href = "#" class = "close" Daten entlassen = "alert"> & Zeiten; </ a>
<Strong> Erfolg! </ Strong> ist das Ergebnis erfolgreich. </ Div>
<Script>
$ (Function () {$ ( "#myAlert"). Bind ( 'closed.bs.alert', function () {
alert ( "Warnmeldung Feld geschlossen wird.");});});
</ Script>
Versuchen » Die Ergebnisse sind wie folgt: