Javascript Twitter引导下拉菜单不支持';不出现
不像大多数人在推特引导程序正常工作时遇到困难,我甚至无法让它出现在我的任何浏览器中(例如Chrome 26)。只有当我从class属性中删除“dropdown menu”属性时,它才会出现。下拉div中的所有代码都是直接从文档页面剪切和粘贴的。我已经使用了所有周围的代码和所有的“脚手架”和“基本CSS”示例,它们工作得很好。如果我查看源代码,我可以看到代码在那里。除非我删除“下拉菜单”属性,否则它不会显示在我的浏览器中。我一周前下载了Bootstrap,所以我使用的是最新版本。顺便说一句,我完全清除了所有的浏览器设置并重新启动。有人能看出我做错了什么吗 谢谢Javascript Twitter引导下拉菜单不支持';不出现,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,不像大多数人在推特引导程序正常工作时遇到困难,我甚至无法让它出现在我的任何浏览器中(例如Chrome 26)。只有当我从class属性中删除“dropdown menu”属性时,它才会出现。下拉div中的所有代码都是直接从文档页面剪切和粘贴的。我已经使用了所有周围的代码和所有的“脚手架”和“基本CSS”示例,它们工作得很好。如果我查看源代码,我可以看到代码在那里。除非我删除“下拉菜单”属性,否则它不会显示在我的浏览器中。我一周前下载了Bootstrap,所以我使用的是最新版本。顺便说一句,我完全
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Components | Dropdowns</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
组件|下拉列表
您需要在下拉列表中添加触发器:-
当您删除class下拉菜单时,它会出现,因为它只是像某些样式一样显示ul
或者只需添加此$('.dropdown menu').toggle()代码>没有触发器。很抱歉,我还没有时间测试它,因为我正在升级服务器。我明天会试试,然后告诉你。谢谢啊,现在我明白了。谢谢PSL!!!
<div class="dropdown">
<a class="dropdown-toggle" id="drop4" role="button"
data-toggle="dropdown" href="#">Dropdown
<b class="caret"></b></a> <!--Here-->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>