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