無法讀取未定義的屬性'url'。 jQuery加載小部件失敗

Question

我想在jQuery中構建一個小部件來處理內容加載到頁面上的某些div。我這樣做的原因是保持我的代碼乾爽。我應該提到我使用HeadJS進行JavaScript加載。

這是我的小部件代碼：

(function ($, window, document, undefined) { 

    $.widget ("my.contentloader", { 

     options: { 

      loadingMessage: true, 

      errorDiv: '#error', 

      contentDiv: '#content' 

     }, 

     _create: function() { 

      $.ajax ({ 

       type: "POST", 

       url: self.options.url, 

       data: {limit: self.options.params.limit, offset: self.options.params.offset}, 

       beforeSend: function (html) { 

        // Check if loading message should be displayed 

        if (self.options.loadingMessage) { 

         $(self.options.contentDiv).html ("<div id='loading'>Loading</div>"); 

        } 

       }, 

       success: function (html) { 

        if (self.options.loadingMessage) { 

         $('#loading').remove(); 

        } 

        $(self.options.contentDiv).html (html); 

       }, 

       error: function (html) { 

        $(self.options.errorDiv).html (html); 

       } 

      }); 

     }, 

     _setOption: function (key, value) { 

      this.options[key] = value; 

      $.Widget.prototype._setOption.apply (this, arguments); 

    } 

    }); 

})(jQuery, window, document); 

包括我這個小部件文件和jQuery調用頁面上。然後，我使用的插件是這樣的：

$(window).contentloader ({ 

    url: 'loading/content/url' 

}); 

的問題是，我得到這個錯誤：

Uncaught TypeError: Cannot read property 'url' of undefined 

Answer 1

你沒有定義self任何地方，所以你要window.self代替，這就是

an object reference to the window object.

並且沒有options屬性。您應該使用this而不是self;定義回調之前

var _this = this; // or 'var that' 

，並使用_this（或that）：如果你需要強制在你的回調特定this，然後做一個

_create: function() { 
    var _this = this; 
    $.ajax ({ 
     // ... 
     beforeSend: function (html) { 
      if (_this.options.loadingMessage) { 
       //... 

的window.self存在使得var self壞名稱的選擇。