jQuery下拉菜單不顯示菜單

Question

我正在嘗試使用以下代碼實現Bootstrap下拉菜單：

<div class="dropdown">
      <!-- Link or button to toggle dropdown -->
        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <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>

查看Bootstrap文檔，這是下拉菜單所需的最低要求，文檔中未提供其他說明。 我已經引用了Bootstrap和jQuery。 我不知道這應該如何工作- 它不在當前樣本中 。 顯然，它需要一些內容來告訴它顯示菜單，但是我無法找到關於Bootstrap下拉菜單的引用和文件的直接答案。

問題：那么這東西是使用jQuery還是什么？ 我不明白為什么，甚至后，我發現了一個簡單的工作演示它是如何工作在這里的這太問題stackoverflow.com/questions/14023115/dropdown-menu-not-showing-in-bootstrap。 在導入Bootstrap.css和Bootstrap.min.js和Jquery 2之后，我在JSfiddle中工作了它。所以它需要Bootstrap.min.js和Jquery都可以工作嗎？ 咦？ 我在這里完全迷路了。 謝謝。

編輯：好的，發現在jquery工作后需要加載bootstrap.js。 但是我仍然不明白菜單是如何工作的。 Bootstrap.js是否需要Jquery？

Answer 1

引導程序中的所有js插件都使用jquery

插件依賴

一些插件和CSS組件依賴於其他插件。 如果您單獨包含插件，請確保在文檔中檢查這些依賴性。 還要注意，所有插件都依賴jQuery（這意味着jQuery必須在插件文件之前包含jQuery）。

來源： http : //getbootstrap.com/javascript/

Answer 2

以下帖子應為您提供幫助。

為什么此引導程序下拉示例不起作用？

您將需要以正確的順序並使用html 5 doctype引用的jquery和bootstrap。