Jquery 引导w3school tutorial下拉列表不起作用_Jquery_Html_Css_Twitter Bootstrap

Jquery 引导w3school tutorial下拉列表不起作用

jquery html css twitter-bootstrap

Jquery 引导w3school tutorial下拉列表不起作用,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,嗨，我是新的引导，我正在尝试创建下拉引导，但它不工作这是我的HTML <!DOCTYPE html> <html> <head> <title>Sample</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <

嗨，我是新的引导，我正在尝试创建下拉引导，但它不工作

这是我的HTML

<!DOCTYPE html>
<html>
<head>
 <title>Sample</title>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
  <div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" id="ddButton" data-toggle="dropdown">Button</button>
        <ul class="dropdown-menu" role="menu">
              <li><a href="#">HTML</a></li>
              <li><a href="#">CSS</a></li>
              <li><a href="#">JavaScript</a></li>
        </ul>
   </div>
</body>
</html>


样品
按钮

我正在使用w3school.com作为参考。

在项目中添加脚本和Css。更多信息了解Boostrap下拉列表

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

参见示例


按钮

Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本，但低于版本4。您的jquery版本是1.6.2

因此，请将其更新为一个

，以包含用于引导的css。试试这个。您包含的路径可能是错误的。请核实一下


按钮

从控制台：

bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4

更新jQuery
3.x代码段：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

2.x代码段：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

1.x代码段：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

请不要将W3Schools用于任何用途。官方文件更为及时和准确：