試圖寫一個jQuery插件，但我不知道該怎麼稱呼由init

Question

的jsfiddle的方法：http://jsfiddle.net/bg9vL/

控制檯輸出：

Uncaught TypeError: Object [object global] has no method 'each'

var methods = { 

    init: function (options) { 

     // Create some defaults, extending them with any options that were provided 
     var settings = $.extend({ 
      'maxWidth': 0, 
      'maxHeight': 0, 
      'forceAspect': true 
     }, options); 

     return this.each(function() { 

      // if max size wasn't specified, position only 
      var nosize = settings.maxWidth === 0 || settings.maxHeight === 0; 
      var container = $(this).parent(); 

      $(this).css('position', 'relative'); 

      // fit when window is resized 
      $(window).bind('resize.tailorfit', methods.fit); 

      // fit when page has loaded 
      $(window).bind('load.tailorfit', methods.fit); 

      // fit on initial load 
      methods.fit.apply(); 
     }); 

    }, ... 

Answer 1

我敢打賭，你需要用這與一個jQuery標記。

... 
$(this).each(
... 

它不會將其識別爲jQuery對象，因此每個函數都不可用。

你確實有容器問題，你應該能夠輕鬆解決。

Answer 2

methods.fit.apply(); 

與全局對象，因爲這，它沒有方法調用fiteach

現在，你可以在技術上通過在功能fit做$(this)解決這個問題，但我不知道這是你想做。

也注意到，您的jsfiddle不執行給$('.image-container > img').load