Bootstrap caixa de alerta
aviso Box (Alerta) mensagem é usado principalmente para exibir informações como usuários finais querem um aviso ou mensagem de confirmação. Caixa com um aviso (Alert) plug-in, você pode adicionar Cancelar (descartar) para toda a caixa de mensagem de aviso.
uso
Há duas maneiras que você pode habilitar uma caixa de aviso para cancelar a função (demissão):
- Através atributo de dados: através da adição de dados API (API de dados) para cancelar a função, só precisa adicionar um botão para desligar dados descartarfuncionalidade= "alert",ele irá adicionar automaticamente para desligar a caixa de aviso.
<a class="close" data-dismiss="alert" href="#" aria-hidden="true"> & Épocas; </a>
- Por JavaScript: adição de cancelar a funcionalidade através de JavaScript:
$ ( ". Alerta"). Alert ()
Exemplos
O exemplo seguinte demonstra o uso de um widget caixa de aviso (Alerta) por utilização de dados de atributos.
Exemplos
tente »
Os resultados são os seguintes:
opções
Não há opções.
caminho
Aqui estão alguns caixa de aviso (Alert) plug-in formas úteis:
方法 | 描述 | 实例 |
---|---|---|
.alert() | 该方法让所有的警告框都带有关闭功能。 |
$('#identifier').alert(); |
Close Method.alert('close') | 关闭所有的警告框。 |
$('#identifier').alert('close'); |
Para ativar a animação quando fechado, certifique-se de adicionar o.fade e classe .in.
Exemplos
O exemplo que se segue demonstra.alert método ():
Exemplos
tente »
Você pode ver todos caixa de aviso são aplicados fora da facilidade apaga qualquer caixa de aviso, a outra caixa de alerta restante será fechada.
evento
A tabela a seguir lista os caixa de aviso (Alert) plug-ins para ser usado no evento. Estes eventos podem ser usados quando a função de gancho.
事件 | 描述 | 实例 |
---|---|---|
close.bs.alert | 当调用close实例方法时立即触发该事件。 |
$('#myalert').bind('close.bs.alert', function () { // 执行一些动作pt. }) |
closed.bs.alert | 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。 |
$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作pt. }) |
Exemplos
O exemplo a seguir demonstra caixa de evento de aviso (Alert) plug-in:
Exemplos
tente »
Os resultados são os seguintes: