多个Jquery冲突问题答案

【问题标题】：multiple Jquery conflict issue多个Jquery冲突问题
【发布时间】：2015-05-27 11:22:12
【问题描述】：

我在我的网站中使用了多个 jquery 库。

<script src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
        var jQuery_1_11_3 = $.noConflict(true);
</script>
<script src="jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
<script type="text/javascript" src="https://s3.amazonaws.com/legalzoom-marketplace/js/touch.js"></script>

根据this，我使用 Jquery 1.7.2 使 Jquery 可用于移动设备。因此，我的 bootstrap JS 无法正常工作，我添加了以下代码以删除 make bootstrap 工作。

var jQuery_1_11_3 = $.noConflict(true);

我正在尝试使用

显示模态

jQuery_1_11_3('.modal').modal('show')

但它似乎不起作用。它会在Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher. 下方引发错误，我们将不胜感激任何帮助。

【问题讨论】：

你必须使用“jQuery UI Touch Punch”，因为它是唯一的 jQuery touch 库...？
我正在使用 jQuery touch 库
谁给这个问题打了-1，请告诉我你为什么把它标记为合适？
@noc2spamツ你能正确读出问题吗？我正在使用 Jquery1.7.2 使 Jquery 可排序工作。并且引导程序需要 jquery 1.9.1 或最新版本。如果这有意义，请删除您的反对票。
noc2spamツ我猜 touchpunch.furf.com 是唯一可用的插件，可以让 Jquery 可拖动在手机上工作。

标签： javascript jquery html twitter-bootstrap jquery-ui

【解决方案1】：

你必须同意你做错了。比使用 2 个大型库更好地发现和解决问题。我不确定，但希望对您有所帮助：

<script src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
    var jQuery_1_7_2 = $.noConflict();
</script>

<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
    var jQuery_1_11_3 = $.noConflict();
</script>

<script type="text/javascript">
    (function($) {
        $(function(){
           // some other operations
        });
    }(jQuery_1_7_2));
</script>

<script type="text/javascript">
    (function($) {
        $(function(){
           $('.modal').modal('show');
        });
    }(jQuery_1_11_3));
</script>

参考：https://api.jquery.com/jquery.noconflict/

【讨论】：

这个有什么用？ IIFE 并传递 jQuery 对象？谢谢！
我将 $ 定义传递给另一个变量 (jQuery_1_11_3 = $.noConflict(true);)，然后用闭包包装并将 jQuery_versioned_variable 传递给闭包。