Атрибут родительского объекта доступа jQuery?

Question

Так что у меня этот код:

function theObject(){ 
    this.someelement = $("#someelement"); 
    this.someotherelement = $("someotherelement"); 
    this.someelement.fadeOut(500, function(){ 
     this.someotherelement.attr("title", "something"); 
     this.someelement.fadeIn(500); 
    }); 
} 

по какой-то причине this.someotherelement не определена. Я предполагаю, потому что это завернуто в function(){}?

Answer 1

Это связано с проблемой определения области использования JavaScript. Создание функции создает новую область для this, которая делает this ссылкой на функцию. Вы можете исправить это, выполнив следующие действия:

function theObject(){ 
    this.someelement = $("#someelement"); 
    this.someotherelement = $("someotherelement"); 

    // bind this to that (what?). This way, this will still be accessible inside 
    // the new function's scope as that 
    var that = this; 
    this.someelement.fadeOut(500, function(){ 
    that.someotherelement.attr("title", "something"); 
    that.someelement.fadeIn(500); 
    }); 
} 

Answer 2

Внутри функции this означает что-то еще. Вы могли бы его захватить, хотя:

this.someotherelement = $("someotherelement"); 
var _this = this; 
this.someelement.fadeOut(500, function(){ 
    _this.someotherelement.attr("title", "something"); 
    _this.someelement.fadeIn(500); 
}); 

Answer 3

Я отредактировал ваш код, надеюсь, это поможет.

function theObject(){ 
    var someelement = $("#someelement"); 
    var someotherelement = $("#someotherelement"); 
    someelement.fadeOut(500, function(){ 
     someotherelement.attr("title", "something"); 
     someelement.fadeIn(500); 
    }); 
} 

Answer 4

является идентификатором ID? Если это так, вам не хватает # ...

this.someotherelement = $("#someotherelement");