4

只是查看了 Bootstrap 工具包并尝试让下拉菜单在顶部菜单上运行。

我的菜单代码如下

<div class="topbar">
  <div class="fill">
    <div class="container">
      <ul class="nav">
        <li class="active"><a href="/index.php">Home</a></li>
        <li><a href="/about.php">About Us</a></li>
        <li><a href="/news.php">Site News</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle">Community</a>
          <ul class="dropdown-menu">
            <li><a href="/chatroom.php">Chatroom</a></li>
            <li class="divider"></li>
            <li><a href="/forums.php">Forums</a></li>
          </ul>
        </li>
      </ul>

      <form class="pull-left" action="">
        <input type="text" placeholder="Search" />
      </form>
      <ul class="nav secondary-nav">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle">Account</a>
          <ul class="dropdown-menu">

            <li><a href="/profile.php?id=<? echo $_SESSION['id'];?>">Profile</a></li>
            <li><a href="/settings.php">Settings</a></li>
            <li><a href="/messages.php">Messages</a></li>
            <li class="divider"></li>
            <li><a href="/maintenance/admin.php">Admin</a></li>
            <li class="divider"></li>
            <li><a href="/process.php">Logout</a></li>
          </ul>
        </li>
      </ul>

    </div>
  </div>

</div>

单击时下拉菜单不执行任何操作？

我已包含以下 css 文件。

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">

有人能帮我一下吗？谢谢。

4

4 回答 4

1

尝试为下拉功能添加 JavaScript 文件 - http://twitter.github.com/bootstrap/#javascript

于 2011-11-11T11:25:51.897 回答
1

您需要确保您有对 jquery 的引用，以及对您页面中的 bootstrap js 的引用。

例如

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 <script src="http://twitter.github.com/bootstrap/1.4.0/bootstrap-dropdown.js"></script>

然后，您要么需要为您的容器之一提供属性，data-dropdown="dropdown"要么使用 jquery 将容器显式设置为下拉容器，$('#mycontainerid').dropdown();

于 2011-12-21T00:50:30.967 回答
1

通常在 Bootstrap 上面引用 Jquery 就可以了。您甚至不必明确提及 bootstrap-dropdown。在两个不同的场合为我工作。希望能帮助到你！

于 2013-09-22T20:07:16.197 回答
0

尝试将 data-dropdown 属性添加到您的初始值中，<li>例如

<li class="dropdown" data-dropdown="dropdown">

希望这可以帮助。

于 2011-11-13T19:19:53.777 回答