Question

使用twitter bootstrap框架在下拉列表登录菜单中出现下拉列表问题。登录框的第二个下拉列表无效。是否可以在下拉列表中包含拆分按钮下拉列表，如下例所示。

在这里看到这个小提琴。

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/

你能在下拉列表中使用拆分按钮下拉菜单吗？

1 个答案: