网络营销电子商务研究中心 - bootstrap点击下拉菜单怎么没有反应?

网络营销电子商务研究中心 (https://www.0058.net/index.php)

- CSS, DIV, HTML (https://www.0058.net/forumdisplay.php?f=77)

- - bootstrap点击下拉菜单怎么没有反应? (https://www.0058.net/showthread.php?t=5926)

bootstrap点击下拉菜单怎么没有反应?

html5页面，代码如下，该引用的文件也引用了，点击下拉菜单就是没有反应

Code:

<!DOCTYPE html>

<html lang="en">

<head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Bootstrap</title>

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

        <style>

                .a {

                        height: 50px;

                        border: 1px solid #ccc;

                        background-color: #eee;

                }

                body {

                        margin: 50px;

                }

        </style>

</head>

<body>

 <div class="dropdown">

         <button class="btn btn-default" data-toggle="dropdown">

                 下拉菜单

                 <span class="caret"></span>

         </button>

        <ul class="dropdown-menu">

                <li><a href="#">a</a></li>

                <li><a href="#">b</a></li>

                <li><a href="#">c</a></li>

                <li><a href="#">d</a></li>

        </ul>

 </div>



         <script src="js/bootstrap.min.js"></script>

        <script src="js/jquery-1.12.4.min.js"></script>

</body>

</html>

问题简单，把 jquery.min.js 的引用挪到 bootstrap.min.js 前面去，就行了；
即：

Code:

<!DOCTYPE html>

<html lang="en">

<head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Bootstrap</title>

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

        <style>

                .a {

                        height: 50px;

                        border: 1px solid #ccc;

                        background-color: #eee;

                }

                body {

                        margin: 50px;

                }

        </style>

</head>

<body>

 <div class="dropdown">

         <button class="btn btn-default" data-toggle="dropdown">

                 下拉菜单

                 <span class="caret"></span>

         </button>

        <ul class="dropdown-menu">

                <li><a href="#">a</a></li>

                <li><a href="#">b</a></li>

                <li><a href="#">c</a></li>

                <li><a href="#">d</a></li>

        </ul>

 </div>



 

        <script src="js/jquery-1.12.4.min.js"></script>

        <script src="js/bootstrap.min.js"></script>

</body>

</html>