Najlepszy samouczek ostrzegania polu Bootstrap W 2024 r. W tym samouczku możesz dowiedzieć się
zwyczaj,Przykłady,Opcje,sposób,Przykłady,wydarzenie,Przykłady,
ostrzegania polu Bootstrap
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):
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 (); pl});});
</ 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"); pl});});
</ 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 () {
// 执行一些动作pl.
})
|
closed.bs.alert | 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。 |
$('#myalert').bind('closed.bs.alert', function () {
// 执行一些动作pl.
})
|
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>
$ (Function () {$ ( "#myAlert"). Bind ( 'closed.bs.alert', funkcja () {
alert ( "okno komunikatu ostrzegawczego jest zamknięta.");});});
</ Script>
Spróbuj » Wyniki przedstawiają się następująco: