Question

我有一个来自母版页的jquery版本。

<script src="~/Content/Bootstrap/jquery-1.6.4.min.js"
    type="text/javascript"></script>

我在我的视图页面上有新版本的jquery和bootstrap。

<script src="~/Content/Bootstrap/bootstrap.min.js" type="text/javascript"></script>
<script src="~/Content/Bootstrap/jquery-1.11.3.min.js"
    type="text/javascript"></script>
<script>
var jquery1.11 = jQuery.noConflict(true);
</script>

虽然两个版本的jquery之间的冲突问题是通过不使用冲突来解决的，但是bootstrap.js抛出了错误 - Bootstrap's JavaScript requires jQuery version 1.9.1 or higher，因为它引用的是旧的jquery版本1.6.4 并在控制台$.fn.jquery = "1.6.4"上如何解决这个引导问题？

Answer 1

如果您更改脚本的加载顺序，它应该可以工作......

<!-- load original jquery -->
<script src="~/Content/Bootstrap/jquery-1.6.4.min.js" type="text/javascript"></script>

<!-- scripts run here will use `jQuery` and `$` version 1.6.4 -->

<!-- load new jquery (to be used by bootstrap) -->
<script src="~/Content/Bootstrap/jquery-1.11.3.min.js" type="text/javascript"></script>

<!-- load bootstrap, which will use new jquery -->
<script src="~/Content/Bootstrap/bootstrap.min.js" type="text/javascript"></script>

<!-- scripts run here will use `jQuery` and `$` version 1.11.3 -->

<!-- give $ back to original jquery -->
<script>var jquery11 = jQuery.noConflict(true);</script>

<!-- scripts run here will use `jQuery` and `$` version 1.6.4 -->
<!-- scripts can access version 1.11.3 with jquery11 -->

如何使用两个版本的jquery来bootstrap.js冲突

1 个答案: