ostrzegania polu Bootstrap

Poprzedni: wyskakujące okienko Bootstrap (Popover) widget

Dalej: Bootstrap Przycisk (przycisk) widget

Komunikat ostrzegawczy Box (Alert) jest najczęściej używany do wyświetlania informacji, takich jak użytkownicy końcowi chcą komunikat ostrzegawczy lub potwierdzenia. Ramka z ostrzeżeniem (Alert) plug-in, można dodać Cancel (odrzucenie) do wszystkich funkcji w oknie komunikatu ostrzegawczego.

zwyczaj

Istnieją dwa sposoby, można włączyć okno z ostrzeżeniem, aby anulować funkcję (odwołanie):

Poprzez atrybutu danych: poprzez dodanie API danych (danych API), aby wyłączyć funkcję, wystarczy dodać przycisk, aby wyłączyć data-odrzucenie = "alert",zostanie ona automatycznie rozszerzyć funkcjonalność wyłączyć okno z ostrzeżeniem.
```
<a class="close" data-dismiss="alert" href="#" aria-hidden="true">
	& Times;
</a>
```
Przez JavaScript: dodawanie anulować funkcjonalność poprzez JavaScript:
```
$ ( ". Alert"). Alert ()
```

Przykłady

Poniższy przykład ilustruje użycie box warning (Alert) widget danymi wykorzystanie atrybutów.

Przykłady

<div class = "alert alert ostrzegawczy" > <a href = "#" class = "close" danych oddalenie = "alert"> & razy; </ A> <Strong> Uwaga! </ Strong> problem z połączeniem sieciowym. </ Div>

Spróbuj »

Wyniki przedstawiają się następująco:

Opcje

Nie ma opcji.

sposób

Oto niektóre box warning (Alert) plug-in przydatnych sposobów:

方法	描述	实例
.alert()	该方法让所有的警告框都带有关闭功能。	$('#identifier').alert();
Close Method.alert('close')	关闭所有的警告框。	$('#identifier').alert('close');

Aby włączyć animację, gdy są zamknięte, upewnij się dodać.fade i .in klasę.

Przykłady

Poniższy przykład demonstruje.alert metodę ():

Przykłady

<H3> box warning (Alert) alert widget () Metoda </ h3> <div id = "myAlert" class = "alert alert-success" > <a href = "#" class = "close" danych oddalenie = "alert"> & razy; </ a> <Strong> Sukces! </ Strong> wynik jest sukcesem. </ Div> <div id = "myAlert" class = "alert alert ostrzegawczy" > <a href = "#" class = "close" danych oddalenie = "alert"> & razy; </ a> <Strong> Uwaga! </ Strong> problem z połączeniem sieciowym. </ Div> <Script>

$ (Function () {$ ( ".close") click (function () {$ ( "#myAlert") alert (); ..});});

</ Script> [/ mycode2] </ div> Największa <a target = "_blank" href = "/try/try.php?filename=bootstrap3-plugin-alert-method1" class = "tryitbtn"> spróbuj »</ a> </ Div> <P> Poniższy przykład demonstruje <b> .alert ( "Zamknij" ) Zastosowanie </ b> Metoda: </ p> <div class = "przykład"> <h2 class = "przykład"> instancji </ h2> <div = Class "example_code"> [mycode3 type = "html"] <h3> Metoda box warning (Alert) alert widget ( 'Zamknij') </ h3> <div id = "myAlert" class = "alert alert-success" > <a href = "#" class = "close" danych oddalenie = "alert"> & razy; </ a> <Strong> Sukces! </ Strong> wynik jest sukcesem. </ Div> <div id = "myAlert" class = "alert alert ostrzegawczy" > <a href = "#" class = "close" danych oddalenie = "alert"> & razy; </ a> <Strong> Uwaga! </ Strong> problem z połączeniem sieciowym. </ Div> <Script>

$ (Function () {$ ( ".close") click (function () {$ ( "#myAlert") alert ( "Zamknij"); ..});});

</ Script>

Spróbuj »

Możesz zobaczyć cały box warning stosuje się funkcja wyłącza jakąkolwiek okno z ostrzeżeniem, a druga pozostała okno alertu zostaną zamknięte.

wydarzenie

Poniższa tabela zawiera polu Ostrzeżenie (Alert) Wtyczki do wykorzystania w tym wydarzeniu. Zdarzenia te mogą być wykorzystywane, gdy funkcja haka.

事件	描述	实例
close.bs.alert	当调用close实例方法时立即触发该事件。	$('#myalert').bind('close.bs.alert', function () { // 执行一些动作... })
closed.bs.alert	当警告框被关闭时触发该事件（将等待 CSS 过渡效果完成）。	$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作... })

Przykłady

Poniższy przykład pokazuje okno zdarzenia ostrzegawcze (alert) plug-in:

Przykłady

<div id = "myAlert" class = "alert alert-success" > <a href = "#" class = "close" danych oddalenie = "alert"> & razy; </ a> <Strong> Sukces! </ Strong> wynik jest sukcesem. </ Div> <Script>