Jquery 推特引导(3.0.0)下拉列表&;原型JS
我有一个应用程序,我正在慢慢地转换成jQuery&也将使用Bootstrap 但是,当使用Bootstrap 3时,单击下拉菜单后,菜单将正确显示。但是,在单击关闭菜单或“关闭”菜单后。按钮/链接完全消失,直到页面刷新后才重新出现 与此相同: 上面的链接说要联系谷歌小组,但我在小组中没有看到任何与此相关的请求 任何帮助都将不胜感激 谢谢, -大卫 因此,使用@GeekNum88的指导,如果您注释掉这些行,下拉列表可以工作,但还不确定它的总体效果:Jquery 推特引导(3.0.0)下拉列表&;原型JS,jquery,twitter-bootstrap,twitter-bootstrap-3,prototypejs,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Prototypejs,我有一个应用程序,我正在慢慢地转换成jQuery&也将使用Bootstrap 但是,当使用Bootstrap 3时,单击下拉菜单后,菜单将正确显示。但是,在单击关闭菜单或“关闭”菜单后。按钮/链接完全消失,直到页面刷新后才重新出现 与此相同: 上面的链接说要联系谷歌小组,但我在小组中没有看到任何与此相关的请求 任何帮助都将不胜感激 谢谢, -大卫 因此,使用@GeekNum88的指导,如果您注释掉这些行,下拉列表可以工作,但还不确定它的总体效果: function clearMenus()
function clearMenus() {
$(backdrop).remove()
$(toggle).each(function (e) {
var $parent = getParent($(this))
if (!$parent.hasClass('open')) return
// $parent.trigger(e = $.Event('hide.bs.dropdown'))
// if (e.isDefaultPrevented()) return
$parent.removeClass('open').trigger('hidden.bs.dropdown')
})
}
实现引导下拉菜单是一项非常简单的任务。请参阅引导文档中的,并按照以下步骤操作: 1。在标题标签下方的标题标签之间包括以下库
确保jQuery库在Boostrap JS库之前加载
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
2。将以下HTML粘贴到正文标记之间
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
行动
工作示例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Dropdown</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>
自举下拉列表
行动
为了证明它有效,出于好奇,请参见。您是否尝试过使用旧版本的引导。。如果是这样的话,你还会得到同样的结果吗?这是我对一个类似问题的答案之一,尝试使用这个bootstrap-friendly prototype.js,因为它解决了我在一个类似问题上的问题:这个链接也解决了我在@MWD的问题