Question

这个问题的解决方案可能非常简单，但它让我在墙上敲我的头！由于某种原因，我的网页上没有加载Bootstrap的js文件。

我将页面简化为最低限度，以下是代码：

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>
    <body>
        <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="cz" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                Dropdown
                <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="cz">
                    <li><a href="#">Option 1</a></li>
                    <li><a href="#">Option 2</a></li>
                    <li><a href="#">Option 3</a></li>
                </ul>
            </div>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/>
        <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
    </body>
</html>

现在当我点击按钮时，没有任何反应，我也看不到下拉列表。当我检查加载的js文件（通过浏览器检查元素）时，我看到只加载了JQuery。

如果我删除JQuery，我会得到Bootstrap需要Jquery的正确错误。我已经创建了一个codepen，它可以很好地完成它。请有人帮我这个吗？：（

Answer 1

关闭script代码

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>

Answer 2

你没有关闭第一个标签。它应该是，

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

更新：如果您在考虑自闭脚本标记无效的原因，请参阅此处。 Why don't self-closing script tags work?

Bootstrap JS没有加载

2 个答案: