Fatal编程技术网

Twitter bootstrap 下拉列表不工作（Twitter引导）

twitter-bootstrap

Twitter bootstrap 下拉列表不工作（Twitter引导）,twitter-bootstrap,Twitter Bootstrap,你好，我只是想问我哪里错了。我有一个使用推特引导的下拉按钮，但我不能解决它。请看我的密码。我只是twitter的新手。我也尝试在bootstrap网站上搜索它，但我无法找到答案 <!DOCTYPE> <html> <head> <meta charset="utf-8"/> <title></title> <script type="text/javascript" src="http://a

你好，我只是想问我哪里错了。我有一个使用推特引导的下拉按钮，但我不能解决它。请看我的密码。我只是twitter的新手。我也尝试在bootstrap网站上搜索它，但我无法找到答案

<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="../../assets/js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="../../assets/js/bootstrap-min.js"></script>

    <link href="../../assets/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">
        $(document).ready(function () {
            $('.dropdown-toggle').dropdown();
        });
    </script>
</head>
<body>
    <div class="dropdown">
        <ul class="dropdown">
        <a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#">Dropdown menu here...
          <b class="caret"></b>
        </a>
            <ul class="dropdown-menu">
              <li><a href="/app/1">Item A</a></li>
              <li><a href="/app/2">Item B</a></li>
              <li><a href="/app/3">Item C</a></li>
            </ul>
        </ul>
    </div>
 </body>
 </html>


$（文档）.ready（函数（）{
$（'.dropdown toggle'）.dropdown（）；
});

    

      

    • 

    • 

    •
他们不需要添加dropdown.js，因为您已经添加了bootstap.min.js

HTML

检查此项

您的代码有很多错误。请查看引导文档，了解如何实现下拉列表。当您只需要一个缩小的CSS文件时，您还加载了两个引导CSS文件。此外，您正在加载jQuery的旧版本。此外，当您真正只需要缩小引导js时，您正在加载dropdown.js。最后，您的HTML格式不正确。UL的唯一有效子女是一个LI。我假设您使用的是最新版本的引导？这里是指向下拉列表文档的链接：getbootstrap.com/javascript/#dropdowns–

您的代码有很多错误。请查看引导文档，了解如何实现下拉列表。当您只需要一个缩小的CSS文件时，您还加载了两个引导CSS文件。此外，您正在加载jQuery的旧版本。此外，当您真正只需要缩小引导js时，您正在加载dropdown.js。最后，您的HTML格式不正确。UL的唯一有效子女是一个LI。我假设您使用的是最新版本的引导？这里是下拉列表的文档链接：酷，我将添加我的回复作为答案，如果可能，您可以接受。 
<div class="dropdown">
    <ul class="dropdown">
    <a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#">Dropdown menu here...
      <b class="caret"></b>
    </a>
        <ul class="dropdown-menu">
          <li><a href="/app/1">Item A</a></li>
          <li><a href="/app/2">Item B</a></li>
          <li><a href="/app/3">Item C</a></li>
        </ul>
    </ul>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../../assets/js/bootstrap-min.js"></script>

$(document).ready(function () {
        $('.dropdown-toggle').dropdown();
    });