twitter-bootstrap
Bootstrap Dropdowns
Zoeken…
parameters
| methoden | Voorbeeld |
|---|---|
| Bellen via Javascript | $('.dropdown-toggle').dropdown(); |
| Schakelt de vervolgkeuzelijst in | $('.dropdown-toggle').dropdown('toggle') |
| Type gebeurtenis | Beschrijving |
| show.bs.dropdown | Deze gebeurtenis wordt onmiddellijk geactiveerd wanneer de methode show instance wordt aangeroepen. |
| shown.bs.dropdown | Deze gebeurtenis wordt geactiveerd wanneer de vervolgkeuzelijst zichtbaar is gemaakt voor de gebruiker (wacht op CSS-overgangen om te voltooien). |
| hide.bs.dropdown | Deze gebeurtenis wordt onmiddellijk geactiveerd wanneer de methode hide instance wordt aangeroepen. |
| hidden.bs.dropdown | Deze gebeurtenis wordt geactiveerd wanneer de vervolgkeuzelijst is verborgen voor de gebruiker (wacht op CSS-overgangen om te voltooien). |
| Voorbeeld van gebeurtenishandler | $(element).on('show.bs.dropdown', function () { // do something… }) |
Opmerkingen
Wanneer u Dropdown via Javascript $('.dropdown-toggle').dropdown() Dropdown $('.dropdown-toggle').dropdown() Dropdown $('.dropdown-toggle').dropdown() , zijn de data-api ie data-toggle="dropdown" nog steeds vereist. Lees verder
Hoe te gebruiken
Gebruik de klasse .dropdown op het bovenliggende element van het vervolgkeuzemenu.
Voeg de .dropdown-menu class toe aan een element om de plug-in voor het dropdown-menu te initialiseren.
Roep de plug-in op met behulp van klasse .dropdown-toggle en het kenmerk data-toggle="dropdown" op een knop of een hyperlink.
Basis voorbeeld
<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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow