Question

我正在使用各种jQuery库来自2个插件的网站，但它们是冲突的，我没有最好的jQuery知识，所以白痴指南可能会有帮助tbh。

“jQuery-loader”与“jQuery.min.js”（两个插件的其中一个没有其他插件）相互影响。

我该怎么做才能解决这个问题？

<script type="text/javascript" src="libs/jquery-loader.js"></script>

<script type="text/javascript" src="jquery.smartmenus.min.js"></script>

<script type="text/javascript">
$(function() {
    $('#main-menu').smartmenus({
        subMenusSubOffsetX: 1,
        subMenusSubOffsetY: -8
    });
});
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

Answer 1

尝试jQuery.noConflict（）。它将解决您的问题。阅读更多[http://api.jquery.com/jQuery.noConflict/] [1]。查找以下示例，

   jQuery.noConflict();
   jQuery( document ).ready(function( $ ) {
    $('#main-menu').smartmenus({
        subMenusSubOffsetX: 1,
        subMenusSubOffsetY: -8
    });
   });

Answer 2

您应该将JQuery包含在需要Jquery的所有其他脚本的顶部。尝试将以下代码移到顶部：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

jquery与另一个lib冲突

2 个答案: