twitter-bootstrap
Lista rozwijana Bootstrap
Szukaj…
Parametry
| Metody | Przykład |
|---|---|
| Zadzwoń przez Javascript | $('.dropdown-toggle').dropdown(); |
| Przełącza menu rozwijane | $('.dropdown-toggle').dropdown('toggle') |
| Typ wydarzenia | Opis |
| show.bs.dropdown | To zdarzenie jest uruchamiane natychmiast po wywołaniu metody instancji show. |
| pokazano.bs.dropdown | To zdarzenie jest uruchamiane, gdy menu rozwijane jest widoczne dla użytkownika (będzie czekać na zakończenie przejścia CSS). |
| hide.bs.dropdown | To zdarzenie jest uruchamiane natychmiast po wywołaniu metody instancji hide. |
| hidden.bs.dropdown | To zdarzenie jest uruchamiane, gdy menu rozwijane zostanie ukryte przed użytkownikiem (będzie czekać na zakończenie przejścia CSS). |
| Przykład obsługi zdarzenia | $(element).on('show.bs.dropdown', function () { // do something… }) |
Uwagi
Podczas wywoływania Dropdown przez JavaScript $('.dropdown-toggle').dropdown() Dropdown $('.dropdown-toggle').dropdown() Dropdown $('.dropdown-toggle').dropdown() , interfejs data-toggle="dropdown" tj. data-toggle="dropdown" nadal wymagany. Czytaj więcej
Jak używać
Użyj klasy .dropdown w elemencie nadrzędnym menu rozwijanego.
Dodaj klasę .dropdown-menu do elementu, aby zainicjować wtyczkę menu rozwijanego.
Wywołaj wtyczkę, używając .dropdown-toggle class .dropdown-toggle i data-toggle="dropdown" na przycisku lub hiperłączu.
Podstawowy przykład
<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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow