Javascript 引导主题下拉菜单失败

我正在尝试使用jQuery和Bootstrap构建一个简单的应用程序。我在添加下拉菜单时遇到问题。我一直在尝试使用中的示例代码，但它似乎不起作用。下面的代码与示例中显示的代码几乎完全相同：

引导下拉主题失败
下拉菜单

我试过使用这个标记，效果很好

  <div class="dropdown">
  <a id="dropdownMenu1"  href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
    <span class="caret"></span>
  </a>

  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li class="active"><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
      <li role="separator" class="divider"></li>
      <li><a href="#">Separated link</a></li>
  </ul>
</div>

---

您的下拉按钮不会出现，因为它上面有“仅限sr”类。这意味着它严格适用于屏幕阅读器

引导下拉主题失败
下拉菜单

我认为，因为代码是在显示页面上使用的，所以他们显示的是它的外观，而不是功能。从

中删除“主题下拉clearfix”，并删除

引导下拉主题失败
下拉菜单







按钮现在出现，但菜单仍停留在屏幕上。顺便说一句，“仅限sr”属性在引导示例代码中。是的，您是对的。试试这把小提琴，我更正了答案。谢谢。成功了。我认为他们需要对示例进行注释，以表明它们“仅用于显示”，而不是实际的工作代码。您的示例的工作原理与页面上显示的完全相同：）在导航栏示例中，它们也显示工作下拉列表（是的，它们在导航栏中，但这没有多大区别）。