jquery - 在 (window).load 上调用 jQuery 并为“无冲突”代码传递变量

Question

我最近学到了一个非常方便的技巧，它可以让你在 jQuery 函数中传递 $ ，这样你所有包含的代码都处于无冲突模式。优点是您可以使用“$”而不是“jQuery”编写所有包含的代码。

此代码工作正常...

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

此代码不起作用...

jQuery(window).load(function( $ ){
// My code
});

它说'$不是函数'。我如何让它工作？

Answer 1

创建一个（匿名）自调用函数，并传递jQuery对象，如下所示：

(function($){  //This functions first parameter is named $
   $(window).load(function(){
       // Your code
   });
})(jQuery);    //Passing the jQuery object as a first argument