JQuery eklentisi olayında bu $ eriş

Question

Bir jQuery eklentisi yazıyorum ve bir olayı window.scroll bağlamayı içerir. window.scroll içinde gerçekleştirilen eylem, orijinal intializasyon çağrıldığında iletilen ayarlara bağlıdır.

Veri öğesine veya bununla ilişkili bir olaya nasıl erişirim?

(function($) { 
    var methods = { 
     init : function(options) { 
      return this.each(function() { 
       $(window).bind("scroll.myPlugin", methods.windowOnScroll); 
      }); 
     }, 
     windowOnScroll : function() { 
      var $this = $(this); 
      var data = $this.data("scrollingLoader"); 
      if (data.something) { 
       // ... 
      } 
     } 
    })(jQuery); 

Answer 1

jQuery çapraz tarayıcı fonksiyonu bağlama yapan bir kolaylık işlevi, $.proxy sağlar.

(function($) { 
    var methods = { 
     init : function(options) { 
      return this.each(function() { 
       $(window).bind("scroll.myPlugin", $.proxy(methods.windowOnScroll,methods)); 
      }); 
     }, 
     windowOnScroll : function() { 
      var $this = $(this); 
      var data = $this.data("scrollingLoader"); 
      if (data.something) { 
       // ... 
      } 
     } 
    })(jQuery); 

$ .proxy işlevi her zaman ikinci argüman bağlamında ilk argüman geçirilen işlevi çalıştırır bir işlev döndürür. http://api.jquery.com/jQuery.proxy

Answer 2

Sen kapsamını tanımlamak gerekir:

(function($) { 
    var methods = { 
     init : function(options) { 
      return this.each(function() { 
       var scope = this; 
       $(window).bind("scroll.myPlugin", function(){ 
        methods.windowOnScroll.call(scope); 
       }); 
      }); 
     }, 
     windowOnScroll : function() { 
      var $this = $(this); 
      var data = $this.data("scrollingLoader"); 
      if (data.something) { 
       // ... 
      } 
     } 
    })(jQuery);