【问题标题】:Bootstrap JS not loading/workingBootstrap JS没有加载/工作
【发布时间】:2017-01-08 06:56:16
【问题描述】:

我已经在本地计算机上设置了 WAMP 服务器。我在网站上使用引导程序。我已经包含了来自 CDN 的 jQuery 版本 2.2.4 和从其 CDN 引导的最新版本。

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 的关于完全相同问题的 Q/A,但没有任何答案对我有帮助。

【问题讨论】:

  • 您在控制台上是否收到任何错误?
  • 没有。控制台是空的。

标签: twitter-bootstrap carousel


【解决方案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 找到兼容的引导程序版本,或者尝试反之亦然。

如果你想保留两个 jQuery 版本,试试this

【讨论】:

  • 您的代码正在运行!谢谢!你能指定我是如何一起使用两个版本的 jQuery 的吗?我只包含了 jQuery 2.2.4 和 bootstrap.js?
  • 我已经投了赞成票。我想知道为什么我的代码不起作用。我如何将两个 jQuery 版本包含在一起?
  • 您提供的链接没有回答我的问题“如何”。我的问题是,当我只有一个脚本标签指向 jQuery 2.2.4 时,这是如何导致加载两个版本的 jQuery 的?另一方面,您的链接解释了“如何同时加载两个 jQuery 版本”。
  • 如果它回答了我的全部问题,我会接受你的回答。您的回答为我提供了如何让 bootstrap JS 工作,但它没有解释我是如何无意中加载了两个 jQuery 版本的。
  • jquery-2.2.4.js 与 bootstrap.min.js (3.3.7) 不兼容。你必须使用 boostrap.js 的矿工版本,而不是 3.3.7
猜你喜欢
  • 2021-08-16
  • 2016-12-20
  • 2018-12-16
  • 2018-07-19
  • 2021-07-03
  • 2022-01-05
  • 2015-03-08
  • 2021-09-27
  • 2013-12-06
相关资源
最近更新 更多