Bootstrap Alert-Box

Zurück: Bootstrap Pop-up - Fenster (Popover) Widget

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:

Durch Datenattribut: durch Daten - API Hinzufügen (Data API) , um die Funktion zu deaktivieren, müssen nur eine Schaltfläche hinzufügen auszuschalten Daten entlassen = "alert",wird es automatisch Funktionalität hinzufügen , um die Warnmeldung auszuschalten.
```
<a class="close" data-dismiss="alert" href="#" aria-hidden="true">
	& Zeiten;
</a>
```
Durch JavaScript: Hinzufügen von Funktionen durch JavaScript abbrechen:
```
$ ( ". Alert"). Alert ()
```

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 (); ..});});

</ 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'); ..});});

</ 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 () { // 执行一些动作... })
closed.bs.alert	当警告框被关闭时触发该事件（将等待 CSS 过渡效果完成）。	$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作... })

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>