引导程序下拉不起作用

我正在尝试使用引导程序示例完成简单的下拉菜单，但当单击它时它不响应任何内容。我已经搜索了这个问题，并且没有任何解决方案对我有帮助（例如，把链接连接到资源头上，或者以不同的顺序）。不介意角码引导程序下拉不起作用

这里是html。

<!DOCTYPE html> 
<html class="no-js" lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <!-- Bootstrap style --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
    <!-- express style that I like--> 
    <link rel="stylesheet" href="stylesheets/style.css" /> 
    <title>Pharmpool NIH | Express</title> 
</head> 
<body ng-app="nihApp"> 

    <h1>PharmPool on nih Express</h1> 
    <br /> 
    <div ng-controller="MainController"> 

     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
       Dropdown 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li><a href="#">Separated link</a></li> 
      </ul> 
     </div> 

    </div> 

    <!-- jQuery and Angular --> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
    <!-- Bootstrap js --> 
    <script type="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <!-- angular code[controller] --> 
    <script type="text/javascript" src="javascripts/controller.js"></script> 
    <script type="text/javascript" > 
     $(document).ready(function() { 
      $('.dropdown-toggle').dropdown(); 
     }); 
    </script> 
</body> 
</html>

这里是控制台错误：

Uncaught TypeError: $(...).dropdown is not a function

任何帮助表示赞赏。谢谢，Alon

来源

2015-06-21 Alon Weissfeld

您错过了一个脚本标记type="text/javascript"。

这就是为什么dropdown不工作..

脚本标签。

<script type="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

应该是这样

<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

来源

2015-06-21 10:28:06

哦，错过了谢谢 –

引导程序下拉不起作用

回答

相关问题