Firefoxの/ jQueryのは、だから私は2つの画像ギャラリー、<a href="http://devkick.com/lab/galleria/" rel="nofollow noreferrer">Galleria</a>と<a href="http://leandrovieira.com/projects/jquery/lightbox/" rel="nofollow noreferrer">Lightbox</a>を結合しようとしていますimg要素

Question

のための任意の属性を読んでいません。動作するようになっている方法は、ライトボックスは、アンカータグからのhrefを読み取り、ガレリア以下のコードで、画像タグから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では値を読み取ります。画像はので、おそらくFirefoxは通読あまりにも速く動いているjQueryの中で作成され、jQueryのは、まだイメージを作成するための時間がなかったことを私は何を考えていたことはありますか？

どのような考えですか？

おかげで、
レヴィ

Answer 1

さて、どのように選択されている画像？

試してみてください。

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

Answer 2

次のことを確認します。

• あなたは正しくimageを定義しましたか？これに価値をどのように割り当てていますか？
• あなたはそのイメージを表すDOM要素の位置の後にimageの値を求めるましたか？
• あなただけの終了</body>タグの前に、あなたの体の末尾にスクリプトを入れてくださいましたか？ （そうでない場合は、null参照で終了する可能性があり、JavaScriptの実行は終了します）。

これら3つの問題のいずれかに関連する可能性があります。

Answer 3

あなたが準備イベントであなたのコールをラップしていますか？

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

「置き換えられた」クラスを共有する複数の画像がある場合は、それぞれの画像からsrcを読み取る必要があります。上記の方法は1つの画像に対してのみ機能します。複数の画像の属性を読み取る場合は、次のようにします：

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