Bootstrap 3.3.6 和 JQuery 3.1.0 不兼容？

Posted 2023-05-08

技术标签:

【中文标题】Bootstrap 3.3.6 和 JQuery 3.1.0 不兼容？【英文标题】：Bootstrap 3.3.6 and JQuery 3.1.0 not compatible? 【发布时间】：2016-11-20 21:48:47 【问题描述】：

这两个（都是最新版本）是否可能不兼容？（sn-ps中：本地文件为最新版本，网上检索到的文件为旧版本）有什么办法可以在本地同时使用吗？

这些 sn-ps 工作：

片段 1：

<script src="js/jquery-3.1.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

片段 2：

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>

这个 sn-p 不起作用：

<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

我已经用这个下拉菜单试过了：

<nav class="nav navbar-inverse">
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Info<span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="html/bussen.html">Bussen</a></li>
                <li><a href="html/DJs.html">DJ's</a></li>
            </ul>
        </li>
    </ul>
</nav>

【问题讨论】：

使用下载引导程序时附带的默认包。 Bootstrap modal not showing on page load的可能重复 【参考方案1】：

现在 Bootstrap 3.3.7 已更新，jquery jquery-3.1.1 对我来说效果很好。在我的控制台或任何地方都没有显示一个错误。所以我认为你可以使用更新的引导程序。

引导程序说将 JQuery 版本设置为 1.9.0 或 higher Link

Bootstrap 3.3.7 支持 jQuery 3 及以上版本

在 Github 问题Link获取更多信息

【讨论】：

【参考方案2】：

Bootstrap 3 目前与 jQuery 3.0 及更高版本不兼容。因此，可与 Bootstrap 3 一起使用的 jQuery 最新版本是 2.2.4。

虽然，some 报告说它适用于 jQuery Migrate。

您可以查看this discussion了解更多信息。

更新