O melhor tutorial Bootstrap caixa de alerta em 2024. Neste tutorial você pode aprender
uso,Exemplos,opções,caminho,Exemplos,evento,Exemplos,
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):
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 (); pt});});
</ 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'); pt});});
</ 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 () {
// 执行一些动作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
<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>
$ (Function () {$ ( "#myAlert"). Bind ( 'closed.bs.alert', function () {
alert ( "caixa de mensagem de aviso está fechado.");});});
</ Script>
tente » Os resultados são os seguintes: