引导JS未加载/工作

Question

我在本地计算机上设置了一个WAMP服务器。我在网站上使用bootstrap。我已经包括了jQuery版本2.2。4从CDN和从其CDN引导最新版本。

jQuery加载得很好，但是与引导JS相关的一切都不工作。我尝试从控制台调用它的函数$（'#carousel'）. carousel（）；，但它给出了以下错误

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

<!-- 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>

我读过很多关于同一问题的问答，但没有任何答案对我有帮助。




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版本和引导版本彼此不兼容。查找jQuery 2.2的兼容引导版本。4或尝试相反。

如果要保留两个jQuery版本，请尝试以下方法