twitter-bootstrap => Dropdown di avvio

Parametri

metodi	Esempio
Chiama tramite Javascript	`$('.dropdown-toggle').dropdown();`
Attiva / disattiva il menu a discesa	`$('.dropdown-toggle').dropdown('toggle')`
Tipo di evento	Descrizione
show.bs.dropdown	Questo evento si attiva immediatamente quando viene chiamato il metodo show instance.
shown.bs.dropdown	Questo evento viene attivato quando il menu a discesa è stato reso visibile all'utente (attenderà le transizioni CSS, per completare).
hide.bs.dropdown	Questo evento viene generato immediatamente quando viene chiamato il metodo di istanza nascosta.
hidden.bs.dropdown	Questo evento viene attivato quando il menu a discesa ha finito di essere nascosto all'utente (attenderà le transizioni CSS, per completare).
Esempio di gestore di eventi	`$(element).on('show.bs.dropdown', function () { // do something… })`

Osservazioni

Quando si chiama Dropdown tramite Javascript $('.dropdown-toggle').dropdown() , il data-api cioè data-toggle="dropdown" ancora richiesto. Leggi di più

Come usare

Usa la classe .dropdown sull'elemento parent del menu a discesa.

Aggiungi la classe di menu .dropdown a un elemento per inizializzare il plugin del menu a discesa.

Chiama il plugin utilizzando l' .dropdown-toggle class .dropdown-toggle e data-toggle="dropdown" su un pulsante o un collegamento ipertestuale.

Esempio di base

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
  <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#">Option One</a></li>
    <li><a href="#">Option two</a></li>
    <li><a href="#">More Options</a></li>
  </ul>
</div>

Modified text is an extract of the original Stack Overflow Documentation

Autorizzato sotto CC BY-SA 3.0

Non affiliato con Stack Overflow