Доступ к $ this в событии плагина jquery

Question

Я пишу плагин jQuery, который включает в себя привязку события к window.scroll. Действие, выполняемое в window.scroll, зависит от настроек, переданных при вызове исходной инициализации.

Как получить доступ к элементу данных или к этому внутри связанного события?

 (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 предоставляет удобную функцию $.proxy, которая выполняет привязку кросс-браузерной функции.

(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 возвращает функцию, которая всегда будет выполнять функцию, переданную в первом аргументе в контексте второго аргумента. http://api.jquery.com/jQuery.proxy

Answer 2

Вам необходимо определить свою сферу:

(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);