2013-10-19 64 views
0

我下载了bootstrap 3.0.0,但无法让我的navbar下拉菜单正常工作......还试图添加dropdown.js,但它不起作用。 ..无法让我的bootstrap 3 javascript工作

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.css" media="screen"> 
</head> 
<body> 

     <div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div> 
     </div> 
    </div> 


    <div class="container"> 

    </div> 
    <script src="bootstrap/assets/js/jquery.js"></script> 
    <script type="text/javascript" href="bootstrap/dist/js/bootstrap.js"></script> 
</body> 
</html> 

感谢您的帮助......

  • Becouse我无法提交我的问题(太多的代码),所以我写这篇随机文本,以保持码之间的平衡和关于它的细节。
+0

你可以添加与你的'navbar'相关的每一个HTML代码吗? ('navbar-header','navbar-collapse','navbar-nav' ...等) – zessx

回答

1

乍一看,我会说你用于导入引导程序的脚本标记不应该使用href,你应该像jQuery那样使用它。 <script src="bootstrap/dist/js/bootstrap.js"></script> 他们据我所知不可互换。

在我对文件进行了更改后,下拉菜单对我有用。

+0

Omg小时为此奋斗......谢谢:))! –