Question

在我的项目中，我必须使用两个不同版本的JQuery。

JQuery UI需要JQuery1.11.2 Fancybox需要JQuery1.9.0（不是最新版本）

我可以做些什么来解决与这些JQuery的冲突。

        <!--Main JQuery-->
        <script type="text/javascript" src="./js/jquery-1.11.2.min.js"></script>
        <!--OR
        <script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script
        -->
        <!--Bootstrap-->
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <!--Main JQuery UI-->
        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
        <!--JQuery UI plugins-->
        <script type="text/javascript" src="js/jquery.ui.core.min.js"></script>
        <script type="text/javascript" src="js/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="js/jquery.ui.rcarousel.min.js"></script>
        <script type="text/javascript" src="js/jquery.ui.tooltip.js"></script>
        <!--Fancybox-->
        <script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
        <script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>

Answer 1

使用$.noConflict(true)。

如果出于某种原因加载了两个版本的jQuery（不建议这样做），从第二个版本调用$ .noConflict（true）将返回全局范围的jQuery变量到第一个版本的变量。

更多阅读here

JQuery冲突，使用两个版本

1 个答案: