@wwwmmm 你好,想跟你请教个问题:
你好! 我也在学习使用 bootstrap 也遇到了你之前的问题。我使用dropdown下拉项时,也都是从官方下载的代码,和你也写得一样。这是什么问题 你是如何解决的??? 是因为 jquery.js 有问题 还是bootstrap-dropdown.js有问题?
@wwwmmm 你好,想跟你请教个问题:
你好! 我也在学习使用 bootstrap 也遇到了你之前的问题。我使用dropdown下拉项时,也都是从官方下载的代码,和你也写得一样。这是什么问题 你是如何解决的??? 是因为 jquery.js 有问题 还是bootstrap-dropdown.js有问题?
我的是jquery的问题 你把代码发出来 最好
检查jquery 看看 其他特效是否有效果 注意 js 和 html的 执行顺序
<title>BootStrap</title>
<link rel="Stylesheet" href="CSS/bootstrap.css"/>
<link rel="Stylesheet" href="CSS/bootstrap-responsive.css"/>
</head>
<body>
<form id="form1" runat="server" >
<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('.dropdown-toggle').dropdown();
</script>
<div>
<ul class="nav nav-pills">
<li><a href="#">规则的链接</a></li>
<li class="dropdown" id="menutest1">
<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">
下拉项
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">动作</a></li>
<li><a href="#">另一个动作</a></li>
<li><a href="#">其他</a></li>
<li class="divider"></li>
<li><a href="#">被间隔的链接</a></li>
</ul>
</li>
<li class='active'>
<a data-toggle="dropdown" href="#menutest1">点击我看看</a>
</li>
</ul>
</div>
</form>
</body>
</html>
引用来自“黄春涛2”的答案
<title>BootStrap</title>
<link rel="Stylesheet" href="CSS/bootstrap.css"/>
<link rel="Stylesheet" href="CSS/bootstrap-responsive.css"/>
</head>
<body>
<form id="form1" runat="server" >
<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('.dropdown-toggle').dropdown();
</script>
<div>
<ul class="nav nav-pills">
<li><a href="#">规则的链接</a></li>
<li class="dropdown" id="menutest1">
<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">
下拉项
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">动作</a></li>
<li><a href="#">另一个动作</a></li>
<li><a href="#">其他</a></li>
<li class="divider"></li>
<li><a href="#">被间隔的链接</a></li>
</ul>
</li>
<li class='active'>
<a data-toggle="dropdown" href="#menutest1">点击我看看</a>
</li>
</ul>
</div>
</form>
</body>
</html>