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