离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2018-11-28 11:00:43

下拉菜单

调用方式

通过 data 属性

在链接或按钮上添加 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 符合规范,请使用 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

通过 JavaScript 调用下拉菜单:

$('.dropdown-toggle').dropdown()
上一篇: 模态框 下一篇: 滚动监听