Bootstrap окно предупреждения

Предыдущий: Bootstrap всплывающем окне (поповер) виджет

сообщение, предупреждающее окно (оповещения) в основном используется для отображения информации, таких как конечные пользователи хотят предупреждение или подтверждение сообщения. Коробка с предупреждением (оповещения) подключаемого модуля, вы можете добавить отменить (отклонить) функцию, чтобы все окна предупреждающее сообщение.

использование

Есть два способа вы можете включить окно с предупреждением, чтобы отменить функцию (освобождении от должности):

Спомощью атрибута данных: путем добавления данных API (API данных) , чтобы отменить эту функцию, нужно только добавить кнопку , чтобы выключить данных-отклонить = "предупреждение",он будет автоматически добавлять функциональные возможности, чтобы отключить окно предупреждения.
```
<a class="close" data-dismiss="alert" href="#" aria-hidden="true">
	& Времена;
</a>
```
По JavaScript: добавление отменить функциональность с помощью JavaScript:
```
$ ( ". Оповещение"). Предупреждение ()
```

примеров

Следующий пример демонстрирует использование окно предупреждения (оповещения) виджета по данным использования атрибутов.

примеров

<Div класс = "оповещения предупреждения" > <А HREF = "#" класс = "закрыть" данных уволить = "тревога"> И раз; </ A> <STRONG> Внимание! </ STRONG> ваша проблема подключения к сети. </ Div>

Попробуйте »

Результаты следующие:

опции

Там нет никаких вариантов.

способ

Вот некоторые окно предупреждения (оповещения) плагин полезных способов:

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

Чтобы включить анимацию при закрытии, убедитесь , что вы добавляете.fade и .in класс.

примеров

Следующий пример демонстрирует.alert () метод:

примеров

<H3> окно предупреждения (оповещения) виджет оповещения () метод </ h3> <Div ID = "myAlert" класс = "оповещения-успех" > <А HREF = "#" класс = "закрыть" данных увольнять = "предупреждение"> & раз; </ а> <STRONG> Успех! </ STRONG> результат является успешным. </ Div> <Div ID = "myAlert" класс = "оповещения предупреждения" > <А HREF = "#" класс = "закрыть" данных увольнять = "предупреждение"> & раз; </ а> <STRONG> Внимание! </ STRONG> ваша проблема подключения к сети. </ Div> <Script>

$ (Function () {$ ( ".close") нажмите (функция () {$ ( "#myAlert") предупреждение (); ..});});

</ Script> [/ mycode2] </ DIV> <br> <А целевых = "_blank" HREF = "/try/try.php?filename=bootstrap3-plugin-alert-method1" класс = "tryitbtn"> попробовать »</ а> </ Div> <P> Следующий пример демонстрирует <B> .alert ( "закрыть" ) Использование </ b> Метод: </ p> <Div класс = "Пример"> <H2 класс = "Пример"> экземпляр </ h2> <Div класс = "example_code"> [mycode3 тип = "HTML"] <h3> Способ окно предупреждения (оповещения) виджет оповещения ( 'закрыть') </ h3> <Div ID = "myAlert" класс = "оповещения-успех" > <А HREF = "#" класс = "закрыть" данных увольнять = "предупреждение"> & раз; </ а> <STRONG> Успех! </ STRONG> результат является успешным. </ Div> <Div ID = "myAlert" класс = "оповещения предупреждения" > <А HREF = "#" класс = "закрыть" данных увольнять = "предупреждение"> & раз; </ а> <STRONG> Внимание! </ STRONG> ваша проблема подключения к сети. </ Div> <Script>

$ (Function () {$ ( ".close") нажмите (функция () {$ ( "#myAlert") Alert ( "закрыть"); ..});});

</ Script>

Попробуйте »

Вы можете увидеть все окно предупреждения применяются выключения функция выключает любое окно с предупреждением, другие остающиеся окно предупреждения будет закрыто.

событие

В следующей таблице перечислены окно предупреждения (оповещения) подключаемые модули, которые будут использоваться в случае. Эти события могут быть использованы, когда функция перехвата.

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

примеров

В следующем примере показано событие окно предупреждения (оповещения) плагин:

примеров

<Div ID = "myAlert" класс = "оповещения-успех" > <А HREF = "#" класс = "закрыть" данных увольнять = "предупреждение"> & раз; </ а> <STRONG> Успех! </ STRONG> результат является успешным. </ Div> <Script>