调用 jQuery on (window).load 并为'No Conflict'代码传递变量

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