在鏈接或按鈕上添加 data-toggle="dropdown" 即可切換下拉菜單。
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
</ul>
</div>
為了保證 URL 符合規(guī)范,請(qǐng)使用 data-target 屬性來代替 href="#"。
<div class="dropdown">
<a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
Dropdown
<b class="caret"></b>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
</ul>
</div>
通過 JavaScript 調(diào)用下拉菜單:
$('.dropdown-toggle').dropdown()