Accès aux propriétés d'un objet à partir d'un autre objet (JavaScript/JQuery)

Question

J'essaie d'accéder aux propriétés d'un objet de configuration à partir d'un autre objet:

var myConfigObj = { 
    $myCachedSelector: $('#mySelector') 
} 

var myObj = { 
    $selector: myConfigObj.$myCachedSelector, 
    url: 'http://www.someurl.com/somepath' 
} 

$.each([ myObj, mySecondObj, myThirdObj ], function() { 
    this.$selector.load(this.url, function(){ 
    //do something 
}); 

Lorsque vous essayez d'utiliser $ sélecteur dans la fonction each puis, il renvoie "indéfini". Les deux objets sont dans la même portée, et je ne sais pas quel est le problème.

Answer 1

Ce code worked well assez pour moi, avec quelques modifications mineures:

• Ceci est probablement le problème: Firefox se plaint le point-virgule, devrait être:

  var myConfigObj = { 
      $myCachedSelector: $('#mySelector') 
  } 
  

• devrait être en $(document).ready, bien sûr.
• manquant certains }); à la fin (probablement une copie/coller chose)

Answer 2

1. dans Firefox Installer Firebug;
2. Dans le volet "Scripts", définissez un point d'arrêt sur la ligne qui provoque l'erreur;
3. Une fois arrêté au point d'arrêt, examinez le this dans le volet "Surveillance" de droite;
4. Si l'objet this dont vous êtes arrêté a une propriété $selector qui a une méthode load alors ce n'est pas la cause de votre problème, alors continuez autour de la boucle.
5. Lorsque l'objet thisne pas ont une propriété $selector, ou a celui qui ne dispose pas d'une méthode load, vous avez trouvé votre coupable. Déterminez maintenant pourquoi vous l'envoyez dans cette boucle ou si vous n'arrivez pas à l'initialiser.