使用 twitter 引导框架的下拉登录菜单中的下拉菜单存在问题。登录框的第二个下拉菜单不起作用。是否可以在下拉列表中包含拆分按钮下拉列表,如下例所示。
在这里看到这个小提琴。
使用 twitter 引导框架的下拉登录菜单中的下拉菜单存在问题。登录框的第二个下拉菜单不起作用。是否可以在下拉列表中包含拆分按钮下拉列表,如下例所示。
在这里看到这个小提琴。
当您单击第二个下拉按钮时,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/