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):
- 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
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
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
Spróbuj »
Wyniki przedstawiają się następująco: