comment réparer $ (this) dans un autre $ (this)

Question

vous avez donné un problème dans ce code, il me donne $ (this) .fadeIn() n'est pas une fonction, des idées?

$('img').hide().each(function(){ 
     $(this).load(function(){ 
      $(this).fadeIn(); 
     }); 
    }); 

Answer 1

Si vous vouliez dire la fixation externe $ (ce) en fonction interne, vous pouvez faire:

$('img').hide().each(function(){ 
     var outer = $(this); 
     outer.load(function(){ 
      outer.fadeIn(); 
     }); 
    }); 

Answer 2

La valeur de this changements à l'intérieur des fonctions imbriquées - sa valeur est « capturé » la façon dont les autres variables sont.

Pour éviter cela, vous pouvez affecter this à une autre variable!

$('img').hide().each(function(){ 
    var that = $(this); 
    that.load(function(){ 
     that.fadeIn(); 
    }); 
}); 

Answer 3

Votre code est correct. Je ne sais pas quel serait le problème. Dans le gestionnaire d'événements .load(), this fait référence à l'élément qui a reçu l'événement, il ne devrait donc pas y avoir de raison de fermer le this externe.

Si vous ne faites rien d'autre dans le .each(), on pouvait se débarrasser de cette:

Exemple:http://jsfiddle.net/patrick_dw/b4cNZ/1/

$('img').hide().load(function() { 
    $(this).fadeIn(2000); 
}); 

Sinon, si vous avez besoin de tester pour vous assurer que la l'image se révèle quand mis en cache, vous pouvez le faire:

Exemple:http://jsfiddle.net/patrick_dw/b4cNZ/2/

$('img').hide().each(function() { 
    if (this.complete) { 
     $(this).fadeIn(2000); 
    } else { 
     $(this).load(function() { 
      $(this).fadeIn(2000); 
     }); 
    } 
});