twitter-bootstrap - 您可以在下拉菜单中使用拆分按钮下拉菜单吗？

Question

使用 twitter 引导框架的下拉登录菜单中的下拉菜单存在问题。登录框的第二个下拉菜单不起作用。是否可以在下拉列表中包含拆分按钮下拉列表，如下例所示。

在这里看到这个小提琴。

http://jsfiddle.net/DMWFj/

Answer 1

当您单击第二个下拉按钮时，jQuery 插件“bootstrap-dropdown.js”会隐藏所有具有“open”类的元素。

您需要编辑文件“bootstrap-dropdown.js”（http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js）并重写函数 clearMenus()。

在此文件中查找下一个代码：

function clearMenus() {
    getParent($(toggle))
      .removeClass('open')
}

并将其替换为：

function clearMenus($this) {
    getParent($this)
      .removeClass('open')
}

在附近找到行 clearMenus()：

  , toggle: function (e) {
  var $this = $(this)
    , $parent
    , isActive

  if ($this.is('.disabled, :disabled')) return

  $parent = getParent($this)

  isActive = $parent.hasClass('open')

  clearMenus() // here

将行替换clearMenus()为clearMenus($this)。

这里 jsFiddle 示例：http: //jsfiddle.net/BMBc3/