jQuery - неопределенный вызов функции при нажатии

Question

Я хочу вызвать функцию в событии click, мой коллег определил функцию, как указано ниже. Почему-то я не могу получить к нему доступ, что не так?

function Start(data) { 

this.move= function() { 
    .... 
}; 

    $('.button').click(function(){ 

     this.move(); 
    }); 

} 

Answer 1

this в функции мыши является кликой элемента. Сохранить ссылку на объект в переменной вне функции и использовать его:

function Start(data) { 
    var self = this; //HERE 

    this.move= function() { 
     .... 
    }; 

    $('.button').click(function(){ 

     self.move(); 
    }); 

} 

Here's an article, которые могут дать вам больше объяснений по поводу выше исправления.

Answer 2

попробуйте это, вы должны помнить ссылку на свою основную функцию.

function Start(data) { 
var that = this; 
this.move = function() { 
    .... 
}; 

    $('.button').click(function(){ 

     that.move(); 
    }); 

} 

Answer 3

Другим способом, чтобы область применения является использование jQuery's proxy()

$('.button').click($.proxy(this.move, this)); 

Answer 4

В обработчик события, связанный с JQuery, this относится к элементу DOM, на котором был связан обработчик. См. jQuery Event Basics.

Вы можете переопределить JQuery-х this связывание с помощью function#bind на обработчик щелчка:

function Start(data) { 
    this.move= function() { 
     .... 
    }; 

    $('.button').click(function(){ 
     this.move(); 
    }.bind(this)); 
} 

Остерегайтесь поддержки браузера для function#bind - если цель старых браузеров вам понадобится polyfill или просто присвоить значение this другой переменной.