Bootstrap окно предупреждения
сообщение, предупреждающее окно (оповещения) в основном используется для отображения информации, таких как конечные пользователи хотят предупреждение или подтверждение сообщения. Коробка с предупреждением (оповещения) подключаемого модуля, вы можете добавить отменить (отклонить) функцию, чтобы все окна предупреждающее сообщение.
использование
Есть два способа вы можете включить окно с предупреждением, чтобы отменить функцию (освобождении от должности):
- Спомощью атрибута данных: путем добавления данных API (API данных) , чтобы отменить эту функцию, нужно только добавить кнопку , чтобы выключить данных-отклонить = "предупреждение",он будет автоматически добавлять функциональные возможности, чтобы отключить окно предупреждения.
<a class="close" data-dismiss="alert" href="#" aria-hidden="true"> & Времена; </a>
- По JavaScript: добавление отменить функциональность с помощью JavaScript:
$ ( ". Оповещение"). Предупреждение ()
примеров
Следующий пример демонстрирует использование окно предупреждения (оповещения) виджета по данным использования атрибутов.
примеров
Попробуйте »
Результаты следующие:
опции
Там нет никаких вариантов.
способ
Вот некоторые окно предупреждения (оповещения) плагин полезных способов:
方法 | 描述 | 实例 |
---|---|---|
.alert() | 该方法让所有的警告框都带有关闭功能。 |
$('#identifier').alert(); |
Close Method.alert('close') | 关闭所有的警告框。 |
$('#identifier').alert('close'); |
Чтобы включить анимацию при закрытии, убедитесь , что вы добавляете.fade и .in класс.
примеров
Следующий пример демонстрирует.alert () метод:
примеров
Попробуйте »
Вы можете увидеть все окно предупреждения применяются выключения функция выключает любое окно с предупреждением, другие остающиеся окно предупреждения будет закрыто.
событие
В следующей таблице перечислены окно предупреждения (оповещения) подключаемые модули, которые будут использоваться в случае. Эти события могут быть использованы, когда функция перехвата.
事件 | 描述 | 实例 |
---|---|---|
close.bs.alert | 当调用close实例方法时立即触发该事件。 |
$('#myalert').bind('close.bs.alert', function () { // 执行一些动作... }) |
closed.bs.alert | 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。 |
$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作... }) |
примеров
В следующем примере показано событие окно предупреждения (оповещения) плагин:
примеров
Попробуйте »
Результаты следующие: