jquery与另一个lib冲突

Question

我正在使用不同的jQuery libaries为一个网站从两个插件，但他们是相互冲突的，我没有最伟大的知识jQuery，所以一个白痴指南可能是有帮助的。

“jQuery”正在与"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的所有其他脚本的顶部包含JQuery。尝试将下面的代码移到顶部：

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

Answer 2

试试jQuery.noConflict()。它会解决你的问题。阅读更多http://api.jquery.com/jQuery.noConflict/.下面的例子，

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