如何正确实现 jQuery noConflict() 方法？

Question

我无法让 noConflict() 方法正常工作。我在网上搜索了几个小时，似乎无法得到可靠的答案。这是我的标题中的内容...

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>

<script type="text/javascript" src="js/jquery.js"></script><!-- jQuery script -->
<script type="text/javascript" src="js/page_scroll.js"></script><!-- JavaScript -->
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script><!-- jQuery easing plug-in -->

<script type="text/javascript">
    var $j = jQuery.noConflict();

    // Use jQuery via $j(...)
    $j(document).ready(function(){
        $j("div").hide();
    });

    // Use Mootools with $(...), etc.
    $('someid').hide();
</script>

我的 HTML 中没有其他 jQuery 或 JavaScript（只是我在外部拥有的），因此“将任何使用 $ 变量的内容放在 noConlict< /code> 方法”不是一个选项。

本质上我想做的是让 slimbox 和缓动页面滚动（用于我的导航）一起工作。问题当然是，当另一个被移除时，一个可以工作，反之亦然。另外，当我使用 noConflict() 方法时，我让 slimbox 工作，而不是 pagescroll，但是当我删除 noConflict() 方法时，我让 pagescroll 工作，而不是 slimbox 。所以显然 noConflict 正在做一些事情，我只是不知道那是什么或如何去做。

如果有人能帮助我，我将不胜感激。谢谢。

Answer 1

当使用其他利用 $ 别名的 js 库时，
我通过使用找到了可靠的结果

$.noConflict();

jQuery(document).ready(function($) {

  // your jQuery code here i.e. 

  // jQuery('some-selector-expression').somefunction();

});

// prototype or mootools code that uses the $ alias works fine here

Answer 2

那么你是说声明 $j 时它不起作用吗？您可以定义自己的备用名称（例如 jq、$J、awesomeQuery - 任何您想要的名称）。尝试将其称为不带 $ 的名称

Answer 3

将其包装在匿名函数中：

(function($){
    $(document).ready(function() {
        // function here...
    });
})(jQuery);

查看确切的代码可能会有所帮助。