Question

我在我的网站上使用了多个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>

我使用Jquery 1.7.2根据this为移动设备制作Jquery可排序的工作。因为我的引导程序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.以下任何帮助将不胜感激。

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

多个Jquery冲突问题

1 个答案: