如何维护noConflict并在Bootstrap 3.2中包含2个版本的jQuery

How to maintain noConflict and include 2 versions of jQuery in Bootstrap 3.2

本文关键字：包含 2个 版本 jQuery Bootstrap 何维护 维护 并在 noConflict      更新时间：2023-09-26

我正在修改一个使用Flexigrid和Bootstrap 3.2的旧项目的UI。Flexigrid依赖于jQuery 1.4.1，Bootstrap 3需要jQuery 1.9.0或更高版本。

我试着在Bootstrap中使用旧版本的jQuery，但它坏了；同样，我尝试使用Flexigrid的新版本。。它坏了。

我想知道我是否可以同时包含这两个版本，并以某种方式强制Bootstrap使用jQuery.noConflict？

编辑：
由于我们有很多依赖jQuery 1.4.1的js代码，我这样做了：
按以下顺序将jQuery的两个版本添加到页面（1.4.1和1.9.1）：

<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/bootstrap.js"></script>
<script>
    var $jQuery1_9 = jQuery.noConflict(true);
</script>
<script src="/js/jquery-1.4.1.js"></script>
<!-- Include other js files here -->

现在，一切都很好（到目前为止！）。你可能也会发现这篇文章很有用。

据我所知，TB jQuery已经包含在内，您需要以其他方式参考flexigrid库。

<!-- load jQuery Flexigrid library -->
<script type="text/javascript" src="//path to flexigrid library"></script>
<script type="text/javascript">
    var $jQuery_flexgrid = $.noConflict(true);
</script>

然后，您可以使用jQuery_flexgrid变量来激发jQuery函数，并为TB jQuery使用$（dollar）符号。

相关文章：