jQuery.noConflict 以及如何使用它

Question

我尝试使用 jQuery.noConflict() 但在 window.load 函数中我收到“$ 不是函数”错误。

我的代码:

jQuery.noConflict();

jQuery(document).ready(function($) {
    /** Dropdown Menu **/
    $('ul.tabs li:has(ul)').bind("click", function() {
        $(this).find('ul').show('normal');
        //event.stopPropagation();
    });
    $('ul.tabs li').bind("mouseleave", function() {
        $(this).find('ul').hide('normal');
        //event.stopPropagation();
    });
});

jQuery(window).load(function($) {
    $('#container').fadeIn('normal');
});

如果我使用 jQuery 而不是“$”，它工作正常，但是可以继续使用“$”吗？
有人知道/理解这有什么问题吗？
谢谢!

Answer 1

代码的第一部分可以工作，因为 jQuery 的 $ 对象始终传递给 ready 处理程序。但是，相同的行为不适用于 load 处理程序。

如果您不想在 load 处理程序主体中将 $ 替换为 jQuery，您可以在闭包中捕获该变量:

(function($) {
    $(window).load(function() {
        $("#container").fadeIn("normal");
    });
})(jQuery);

或者，您可以在 ready 处理程序中注册您的 load 处理程序，其中 $ 已正确绑定(bind)。