Attribut d'objet parent jQuery access?

Question

J'ai donc ce code:

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

pour une raison quelconque this.someotherelement est définie. Je devine parce qu'il est enveloppé dans un function(){}?

Answer 1

Cela est dû à un problème de cadrage JavaScript. La création d'une fonction crée une nouvelle portée pour this qui fait référence à la fonction this. Vous pouvez le réparer en faisant ... cela:

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

A l'intérieur de la fonction this signifie autre chose. Vous pouvez le capturer si:

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

Answer 3

J'ai modifié votre code, j'espère que cela aide.

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

Answer 4

est someotherelement an ID? Si oui, il vous manque un # ...

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