Bootstrap caixa de alerta

Anterior: caixa de pop-up Bootstrap (Popover) Widget

Seguinte: Bootstrap Button (Botão) Widget

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

<Div class = "Alerta de alerta" > <A href = "#" class = "close" dados descartar = "alert"> & vezes; </ A> <Strong> Aviso! </ Strong> o problema de conexão de rede. </ Div>

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

<H3> caixa de aviso (Alert) alerta widget () Método </ h3> <Div id = "MyALERT" class = "alert alert-success" > <A href = "#" class = "close" dados descartar = "alert"> & vezes; </ a> <Strong> Sucesso! </ Strong> o resultado é bem sucedido. </ Div> <Div id = "MyALERT" class = "Alerta de alerta" > <A href = "#" class = "close" dados descartar = "alert"> & vezes; </ a> <Strong> Aviso! </ Strong> o problema de conexão de rede. </ Div> <Script>

$ (Function () {$ ( ".close") click (function () {$ ( "#myAlert") alert (); ..});});

</ Script> [/ mycode2] </ div> <br> <A target = "_blank" href = "/try/try.php?filename=bootstrap3-plugin-alert-method1" class = "tryitbtn"> tente »</ a> </ Div> <P> O exemplo a seguir demonstra o <b> .alert ( 'close' ) Uso </ b> Método: </ p> <Div class = "exemplo"> <H2 class = "exemplo"> exemplo </ h2> <Div class = "example_code"> [mycode3 type = "html"] <h3> método de caixa de aviso (Alert) alerta widget ( 'close') </ h3> <Div id = "MyALERT" class = "alert alert-success" > <A href = "#" class = "close" dados descartar = "alert"> & vezes; </ a> <Strong> Sucesso! </ Strong> o resultado é bem sucedido. </ Div> <Div id = "MyALERT" class = "Alerta de alerta" > <A href = "#" class = "close" dados descartar = "alert"> & vezes; </ a> <Strong> Aviso! </ Strong> o problema de conexão de rede. </ Div> <Script>

$ (Function () {$ ( ".close") click (function () {$ ( "#myAlert") alert ( 'close'); ..});});

</ Script>

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 () { // 执行一些动作... })
closed.bs.alert	当警告框被关闭时触发该事件（将等待 CSS 过渡效果完成）。	$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作... })

Exemplos

O exemplo a seguir demonstra caixa de evento de aviso (Alert) plug-in:

Exemplos

<Div id = "MyALERT" class = "alert alert-success" > <A href = "#" class = "close" dados descartar = "alert"> & vezes; </ a> <Strong> Sucesso! </ Strong> o resultado é bem sucedido. </ Div> <Script>