2013-02-25 27 views
-1

有一些問題讓下拉式工作。任何人都知道我的錯誤在這裏。如果我在js小提琴中使用相同的代碼,它可以工作,但是在我的web鏈接上它不會。我有一個下拉式jQuery問題

<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> 
+1

如果您將''元素放置在''元素內,會發生什麼? – 2013-02-25 21:21:31

回答

5

您在jQuery之前包含了bootstap 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>

2

在twitter引導之前包含jQuery。 Twitter引導需要jQuery。