我有一个下拉 jQuery 问题答案

【问题标题】：I am having a Dropdown jQuery issue我有一个下拉 jQuery 问题
【发布时间】：2013-02-25 21:19:03
【问题描述】：

在使下拉菜单正常工作时遇到一些问题。任何人都知道我的错误是什么。如果我在 js fiddle 中使用相同的代码，它可以工作，但在我的网络链接上它不会。

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

【问题讨论】：

如果将<head> 元素放在<html> 元素中会发生什么？

标签： jquery drop-down-menu twitter-bootstrap

【解决方案1】：

您在 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。

【讨论】：