jquery - Bootstrap 2.3.2 下拉菜单

标签 jquery twitter-bootstrap twitter-bootstrap-2

我不明白为什么这个简单的例子不起作用。我找不到错误。我正在使用 bootstrap 2.3.2 和 jquery 1.9.1 源文件。在此先感谢您的帮助。请参阅下面的代码。下拉部分来自 Bootstrap 站点 ( http://getbootstrap.com/2.3.2/components.html#dropdowns )。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" />
  <script src="js/jquery.js" type="text/javascript"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>
</head>

<body>
  <div class="container">
    <div class"row">
      <div class="span12">
        <div class="dropdown">
          <!-- Link or button to toggle dropdown -->
          <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>
      </div>
    </div>
  </div>
</body>
</html>

最佳答案

您没有可以触发下拉菜单出现的按钮。替换<!-- Link or button to toggle dropdown -->具有以下内容:

<button class="btn dropdown-toggle" data-toggle="dropdown">
      Action
      <span class="caret"></span>
</button>

关于jquery - Bootstrap 2.3.2 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18878114/

相关文章:

html - 推特 Bootstrap 和 Canvas 定位

javascript - 使用jquery生成任意深度列表

javascript - 将值从 jQuery Modal 传递到最后一个输入框

javascript - Ajax 更新和表单输入选择字段

html - Bootstrap 3 改变 Carousel 箭头

css - 我在同一行中有两个标题,但我不知道如何布局页面以使其在移动设备上运行

JavaScript 每个选项卡只加载一次? (多个 "pages",单页表格)

javascript - 鼠标滚轮方向不起作用

javascript - 自举三态开关

javascript - 应用 Bootstrap 时,选择下拉菜单在移动设备和 iPad View 中不起作用