下拉菜单？

下拉菜单？

问题描述：

我是一个完整的新手到网站的发展，所以我下面的其他开发人员给出的图案。我下面就如何在下拉菜单中添加此site教程。下拉菜单？

我发现下面这个教程另一个人的堆栈溢出一个问题。我已经失去了联系，尽管查看了我的历史，但我一直无法找到它。有人建议，指南是建立使用引导程序的版本1，并重提引导网站了解更多信息。我做了（我的当前版本反映了使用引导指南），但我不能够收集到任何了解为什么我的代码将无法正常工作。

通过引导资源和类似的堆栈溢出问题过筛像

Dropdown menu with Twitter Bootstrap

Twitter Bootstrap dropdown menu

Twitter Bootstrap 2 drop down menu is not work

毕竟似乎强调引导之前导入的jQuery的重要性，所以我已经做到了这一点，但似乎并没有解决我的问题。以下是表明：http://imgur.com/UtYlUXG

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

    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script> 
    <script src="http://flip.hr/css/bootstrap.min.css"> </script> 

    <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.dropdown-toggle').dropdown(); 
     }); 
    </script> 

    <link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css"> 
    <style type="text/css"> 
    body{ 
     padding-top: 60px; 
     padding-bottom: 40px; 
    } 
    </style> 
    <link rel="stylesheet" href="css/bootstrap-responsive.css"> 
    <link rel="stylesheet" href="css/style.css"> 
</head> 


<body> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
      <a class="brand" href="#">Title</a> 
      <ul class="nav"> 
       <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Account <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
        Item1 
        </ul> 
       </li> 
      </ul> 
      <ul class="nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Link</a></li> 
       <li><a href="#">Link</a></li> 
      </ul> 
     </div> 
    </div> 
</body> 
</html>

任何帮助将非常感激！我想出了什么尝试的想法。

答

我复制粘贴你的HTML和JavaScript成的jsfiddle及其工作 http://jsfiddle.net/daJT7/3/

部分我复制：

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


<div class="navbar"> 
    <div class="navbar-inner"> 
     <a class="brand" href="#">Title</a> 
     <ul class="nav"> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Account <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       Item1 
       </ul> 
      </li> 
     </ul> 
     <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
    </div> 
</div>

所以，我认为，必须有一些与你的引用。有一两件事我注意到的是，

<script src="http://flip.hr/css/bootstrap.min.css"> </script>

是无效的（脚本是脚本，并且您已经导入另一条线路引导CSS）。删除这个。这可能会或可能不会导致问题。

作为一个侧面说明。我不会直接链接到twitter bootstrap github或其他人的网站（除非flip.hr是你的网站:)）。
尝试使用CDN（例如http://www.bootstrapcdn.com/）

您是对的。我用我的参考文献进行了一些调整，其中一个就是问题所在。非常感谢关于其他地方的联系 - 正式注意并予以纠正。再次感谢！ – Anne 2013-03-17 00:25:52

相关推荐