Bootstrap 3.3.6和JQuery 3.1.0不兼容?

时间:2016-07-18 10:15:22

标签: jquery twitter-bootstrap drop-down-menu compatibility

这两个(两者都是最新版本)是否可能不兼容? (在片段中:本地文件是最新版本,在线检索文件是旧版本) 我可以做些什么来在本地使用吗?

这些片段有效:

摘录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>

此代码段不起作用:

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

3 个答案:

答案 0 :(得分:11)

现在 Bootstrap 3.3.7 已更新,jquery jquery-3.1.1 对我来说非常有用。在我的控制台或任何地方都没有显示单个错误。 所以我认为你可以使用更新的bootstrap。

Bootstrap称将JQuery版本设置为 1.9.0 更高 Link

Bootstrap 3.3.7支持jQuery版本3及以上

在Github问题Link

中获取更多信息

答案 1 :(得分:4)

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

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

您可以查看this discussion了解详情。

<强>更新

就像MD Ashik报道的那样,最新的Bootstrap版本可以很好地与jQuery 3 +一起使用

答案 2 :(得分:-3)

因为jQuery 3.0仍处于alpha测试阶段,所以需要时间与Bootstrap 3兼容.Y