Firefox/jQuery ne lit aucun attribut pour un élément img

Question

Donc j'essaie de combiner deux galeries d'images, Galleria et Lightbox. La façon dont il est censé fonctionner est que Lightbox va lire le href de la balise d'ancrage et Galleria va lire le src de la balise image dans le code suivant:

<a href="./public/images/gallery/2.JPG"> 
<img class="replaced" src="./public/images/gallery/2.JPG"/> 
</a> 

Je cherche à tirer la Attribuez la valeur de la commande src out et utilisez-la comme valeur de href. Juste pour l'instant, une fois que je travaille, je dois retravailler le code.

Voici comment je tire la valeur d'attribut sur

var imageSrc = image.attr('src'); 

En ce moment, je l'ai testé dans FF2, FF3 et aucun d'entre eux sont en train de lire la valeur. Dans Chrome et IE, il lit la valeur. Ce que je pensais c'est que l'image est créée dans jQuery alors peut-être que Firefox avance trop vite et que jQuery n'a pas encore eu le temps de créer l'image?

Des pensées?

Merci,
Levi

Answer 1

Eh bien comment allez-vous? Sélectionnez l'image

Essayez:

$('.replaced').each(function(){ 
    var imageSrc = $(this).attr('src'); 
    //alert(imageSrc) /* for IE */ 
    console.log(imageSrc); 
}); 

Answer 2

Vérifiez les points suivants:

• Avez-vous défini correctement image? Comment attribuez-vous une valeur à cela?
• Avez-vous demandé la valeur de image après la position de l'élément DOM représentant cette image?
• Avez-vous veillé à mettre vos scripts à la fin de votre corps, juste avant la fermeture </body> tag? (Si vous ne le faites pas, il est possible que vous vous retrouviez avec une référence nulle et que toute exécution de Javascript se termine.)

Les chances sont bonnes qu'il soit lié à l'un de ces trois problèmes.

Answer 3

Enveloppez-vous votre appel dans un événement prêt?

$(document).ready(function(){ 
    var imageSrc = $('img.replaced').attr('src'); 
}); 

S'il vous plaît noter que si vous avez plusieurs images qui partagent la classe « remplacé » vous devez lire le src de chacun d'entre eux. La méthode ci-dessus ne fonctionnera que sur une seule image, si vous voulez lire l'attribut pour plusieurs images, utilisez ceci:

$(document).ready(function(){ 
    var imageSrc = $('img.replaced').each(function(){ 
     $(this).attr('src'); 
    }); 
});