Передача объекта в $ (window) .bind ()

Question

У меня есть общий (пользовательский) плагин jQuery. $ .Fn.something (). Это вызывается для некоторых объектов в моем DOM. Скажем

$('div.section').something()

Внутри функции у меня что-то вроде этого ...

$.fn.something = function(options) {

    //here **this** refers to $('div.section') which is what I want

    $(window).bind('scroll', function(){
        //how do I get the 'this' from above into here.
    });

});

Я не могу получить ссылку на «это» внутри плагина ВНУТРИ функции .bind (). У меня есть обходной путь, где я сохраняю «this» в массиве параметров и передаю его таким образом, но я не могу не думать, что есть более простой способ сделать это.

Answer 1

Использовать $ .proxy:

$. Fn.something = function (options) {

$(window).bind('scroll', $.proxy(function(){
    //you can now use this
}, this));

});

Answer 2

Вы устанавливаете значение this в переменной и затем используете его вместо этого ...

$.fn.something = function(options) {

    var that = this;

    $(window).bind('scroll', function(){
        // use that!
    });

});

Это может показаться хаком, но это очень обычное место.

Если вы можете использовать методы, представленные в ES5, не беспокоясь о обратной совместимости , вы также можете использовать функцию Function.prototype.bind();

$(window).bind('scroll', (function(){
    // use this
}.bind(this)));

Answer 3

$.fn.something = function(options) {

    var self=this;

    $(window).bind('scroll', function(){
        //you can now use self
    });

});

Answer 4

используйте переменную.

$.fn.something = function(options) {

    var self = this;

    $(window).bind('scroll', function(){
        //use self.options
    });

});

Это трюк, который я узнал от knockoutjs