Bootstrap finestra di avviso

Precedente: scatola pop-up Bootstrap (Popover) widget di

Successivo: Bootstrap Pulsante (Button) widget di

messaggio di dialogo di avviso (Alert) è in gran parte utilizzato per visualizzare informazioni quali gli utenti finali vogliono un messaggio di avviso o di conferma. Casella con un avviso (Alert) plug-in, è possibile aggiungere annulla (respingere) la funzione per tutta la finestra di messaggio di avviso.

uso

Ci sono due modi per attivare una finestra di avviso per annullare la funzione (licenziamento):

Attraverso attributo data: con l'aggiunta di API dei dati (Data API) per annullare la funzione, solo bisogno di aggiungere un pulsante per disattivare i dati-respingere = "alert",che verrà automaticamente aggiungere funzionalità per disattivare la finestra di avviso.
```
<a class="close" data-dismiss="alert" href="#" aria-hidden="true">
	& Tempi;
</a>
```
Con JavaScript: l'aggiunta di annullare la funzionalità tramite JavaScript:
```
$ ( ". Alert"). Alert ()
```

Esempi

L'esempio seguente dimostra l'uso di un widget di dialogo di avviso (Alert) dai dati attributo di utilizzo.

Esempi

<div class = "alert alert-warning" > <A href = "#" class = "close" Dati-respingere = "alert"> & volte; </ A> <Strong> Attenzione! </ Strong> il problema di connessione di rete. </ Div>

Prova »

I risultati sono i seguenti:

Opzioni

Non ci sono opzioni.

modo

Ecco alcuni box warning (allarme) plug-in modi utili:

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

Per abilitare l'animazione quando è chiuso, assicuratevi di aggiungere il.fade e la classe .in.

Esempi

L'esempio seguente dimostra.alert metodo ():

Esempi

<H3> box warning (allarme) widget di alert () metodo </ h3> <div id = "MyAlert" class = "alert alert-successo" > <A href = "#" class = "close" Dati-respingere = "alert"> & volte; </ a> <Strong> Successo! </ Strong> il risultato è successo. </ Div> <div id = "MyAlert" class = "alert alert-warning" > <A href = "#" class = "close" Dati-respingere = "alert"> & volte; </ a> <Strong> Attenzione! </ Strong> il problema di connessione di rete. </ 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"> provare »</ a> </ Div> <P> L'esempio seguente mostra il <b> .alert ( 'vicino' ) Uso </ b> Metodo: </ p> <div class = "example"> <H2 class = "example"> esempio </ h2> <div = Classe "example_code"> [mycode3 type = "html"] <h3> metodo di dialogo di avviso (Alert) widget di alert ( 'vicino') </ h3> <div id = "MyAlert" class = "alert alert-successo" > <A href = "#" class = "close" Dati-respingere = "alert"> & volte; </ a> <Strong> Successo! </ Strong> il risultato è successo. </ Div> <div id = "MyAlert" class = "alert alert-warning" > <A href = "#" class = "close" Dati-respingere = "alert"> & volte; </ a> <Strong> Attenzione! </ Strong> il problema di connessione di rete. </ Div> <Script>

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

</ Script>

Prova »

È possibile vedere tutto il dialogo di avviso vengono applicate off funzione disattiva qualsiasi finestra di avvertimento, l'altra finestra di avviso rimanente sarà chiuso.

evento

La seguente tabella elenca la finestra di avviso (Alert) i plug-in da utilizzare in caso. Questi eventi possono essere utilizzate quando la funzione di hook.

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

Esempi

L'esempio seguente dimostra scatola evento di avviso (Alert) plug-in:

Esempi

<div id = "MyAlert" class = "alert alert-successo" > <A href = "#" class = "close" Dati-respingere = "alert"> & volte; </ a> <Strong> Successo! </ Strong> il risultato è successo. </ Div> <Script>