javascript - Twitter Bootstrap 下拉菜单的事件处理程序？

Question

我想使用 Twitter Bootstrap dropdown button :

    <div class="btn-group">
      <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
      </ul>
    </div><!-- /btn-group -->

当用户将按钮的值更改为“Another action”时，而不是简单地导航到 #，我实际上想以自定义方式处理该操作。

但我看不到任何事件处理程序 in the dropdown plugin为此。

是否真的可以使用 Bootstrap 下拉按钮来处理用户操作？我开始怀疑它们是否仅用于导航 - 该示例给出了一系列操作，这令人困惑。

Answer 1

Twitter bootstrap 旨在提供基准功能，并且仅提供基本的 javascript 插件，这些插件可以在屏幕上 执行某些操作。任何额外的内容或功能，您都必须自己做。

<div class="btn-group">
  <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#" id="action-1">Action</a></li>
    <li><a href="#" id="action-2">Another action</a></li>
    <li><a href="#" id="action-3">Something else here</a></li>
  </ul>
</div><!-- /btn-group -->

然后使用 jQuery

jQuery("#action-1").click(function(e){
//do something
e.preventDefault();
});