twitter-bootstrap - 拆分按钮下拉菜单设置操作 url

Question

我正在尝试在我的网络应用程序中实现 Split button dropdowns，但我找不到在主要 Action 按钮上设置 Url 的方法:

<button class="btn">Action</button>

怎么做？

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

Answer 1

在纯 html 中，按钮不被认为是具有操作的独立元素。

但是您可以将链接样式设置为按钮:

<div class="btn-group">
    <a href="#" class="btn">Action</a>

    <button class="btn dropdown-toggle" data-toggle="dropdown">
      <span class="caret"></span>
    </button>

  <ul class="dropdown-menu">
    <li>Test</li>
    <li>Test 2</li>
  </ul>

</div>

或者您向按钮添加一个 JavaScript 监听器。