Question

我在本地计算机上设置了WAMP服务器。我在网站上使用bootstrap。我已经从CDN中包含了jQuery 2.2.4版本，也从CDN中包含了bootstrap最新版本。

jQuery正在加载正常，但没有任何与bootstrap JS相关的工作。我尝试从控制台调用其函数$('#carousel').carousel();，但它会出现以下错误

TypeError: $(...).carousel is not a function

<head>标记中的代码如下：

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.2.4.js"
        integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI="
        crossorigin="anonymous">
</script>
<!-- bootstrap.js -->
<script href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

关于完全相同的问题，我在SO上阅读了很多问答，但没有回答帮助我。

Answer 1

问题是你一起使用两个版本的jQuery，所以存在冲突。

删除您的CDN（两者都需要删除）

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-2.2.4.js"
    integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI="
    crossorigin="anonymous">

    </script>

    <!-- bootstrap.js -->

    <script href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

并尝试下面的CDN，

    <!-- Latest compiled and minified CSS -->

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- jQuery library -->

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

    <!-- Latest compiled JavaScript -->

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

这里你使用的jQuery版本和bootstrap版本彼此不兼容。找到jQuery 2.2.4的兼容版本的bootstrap，或者反之亦然。

如果您想保留两个jQuery版本，请尝试this

Bootstrap JS没有加载/工作

1 个答案: