在下拉列表中遇到一些问题。 cna任何人都知道我的错误在这里。如果我在js小提琴中使用相同的代码它可以工作,但在我的网站链接上它不会。
<html>
<head>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<div class="navbar">
<div class='navbar-inner'>
<ul class="nav">
<li class="first "><a href="#=42">Hj</a></li>
<li class="dir active "><a href="#=43">Engi</a><li class='dropdown'><a href='#' class='dropdown-toggle' data-toggle='dropdown'>Dropdown<b class='caret'></b></a><ul class='dropdown-menu'>
<li class="first "><a href="#=49">Reel</a></li>
<li class=""><a href="#=50">Test</a></li>
<li class="last"><a href="#=51">HP</a></li>
</ul>
</li>
<li class="dir "><a href="#=44">Prodr</a><li class='dropdown'><a href='#' class='dropdown-toggle' data-toggle='dropdown'>Dropdown<b class='caret'></b></a><ul class='dropdown-menu'>
<li class="first "><a href="#=52">Filter</a></li>
<li class="last"><a href="#=53">SHS</a></li>
</ul>
</li>
<li class=""><a href="#=45">IM</a></li>
<li class="dir "><a href="#=46">Ut</a>
<li class='dropdown'><a href='#' class='dropdown-toggle' data-toggle='dropdown'>Dropdown<b class='caret'></b></a><ul class='dropdown-menu'>
<li class="first "><a href="#=54">objek</a></li>
<li class=""><a href="#=55">HPU/Flush Unit</a></li>
</ul>
</li>
<li class=""><a href="#=47">Park</a></li>
<li class="last"><a href="#=48">nyh</a></li>
</ul>
</div>
</div>
</body>
</html>
答案 0 :(得分:5)
你在jQuery之前包含了bootstrap JS。将这两行更改为如下所示:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
此外,您的<head>
元素应在<html>
。
答案 1 :(得分:2)
在twitter bootstrap之前加入jQuery。 Twitter bootstrap需要jQuery。