jQuery(文档).ready和传递'$‘

Question

我在Wordpress模板中包含了一个js文件。有没有办法访问我的'MediaBrowser‘对象中的'$’函数，而不必笨拙地将它作为参数传递？

谢谢，史蒂夫

var MediaBrowser = {
    initialize:function($){
        $("a[rel^='mediaBrowser']").prettyPhoto();
    }   
};
jQuery(document).ready(function($){
    MediaBrowser.initialize($);
});

Answer 1

var MediaBrowser = {
    initialize:function(){
        var $ = jQuery; //local var or just use `jQuery` below
        $("a[rel^='mediaBrowser']").prettyPhoto();
    }   
};
jQuery(document).ready(function(){
    MediaBrowser.initialize();
});

Answer 2

使用自调用函数通过$访问jQuery。你想这样做的原因有很多，所以不要听信别人告诉你只在全球范围内访问它……

var MediaBrowser = (function($) {
  return {    
    initialize:function(){
      $("a[rel^='mediaBrowser']").prettyPhoto();
    }
  };
}(jQuery));

Answer 3

我猜你在某处有一些冲突？您可以为MediaBrowser创建一个闭包。请记住，它需要在jQuery加载之后执行。

var MediaBrowser = function() {
    var $ = jQuery;

    return {
        init : function() {
            // blah jquery stuff using $(..) syntax
        }
        ...
    }
}();