Firefox / jQuery не читает никаких атрибутов для элемента img

Question

Итак, я пытаюсь объединить две галереи изображений: Галерея и Лайтбокс . Предполагается, что Lightbox будет читать href из тега привязки, а Galleria будет считывать src из тега изображения в следующем коде:

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

Я пытаюсь извлечь значение атрибута из src и использовать его в качестве значения href. На данный момент, как только этот бит заработает, мне придется переделывать код.

Вот так я вытаскиваю значение атрибута

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

Прямо сейчас я проверил это в FF2, FF3, и ни один из них не читает значение. В Chrome и IE он читает значение. Я думал о том, что изображение создается в jQuery, поэтому, возможно, Firefox движется слишком быстро при чтении, а jQuery еще не успел создать изображение?

Есть мысли?

Спасибо,
Леви

Answer 1

Проверьте следующее:

• Вы правильно определили image? Как вы присваиваете значение этому?
• Вы запрашивали значение image после позиции элемента DOM, представляющего это изображение?
• Обязательно ли ставили свои сценарии в конец тела, перед закрывающим тегом </body>? (Если вы этого не сделаете, возможно, вы получите пустую ссылку и любое выполнение Javascript будет прекращено.)

Скорее всего, это связано с одной из этих трех проблем.

Answer 2

Завершишь ли ты свой вызов в готовое событие?

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

Обратите внимание, что если у вас есть несколько изображений, которые разделяют класс «заменен», вам необходимо прочитать src из каждого из них. Вышеуказанный метод будет работать только на одном изображении, если вы хотите прочитать атрибут для нескольких изображений, используйте это:

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

Answer 3

Ну, как вы выбираете изображение?

Попытка:

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