JavaScriptにCSSの背景画像の問題が割り当てられました

Question

私はこのコードを書いて、各クラスの.hpCarouselに関連する背景画像を与えました。

ているイメージ名：0bg.jpg、1jpg.bg、2bg.jpg、等...

for (i=0; i < 8; i++) { 
$('.hpCarousel:eq('+i+')').css('background-image', 'url(wp-content/themes/blankslate/assets/carousel/'+i+'bg.jpg'); 
} 

これはFirefoxで正常に動作します。クラスには正しい背景画像が割り当てられたスタイルがあります。

それはクロームOSX & WIN /サファリOSX/IEでは動作しません。 .hpCarouselクラスのdivにはスタイルはありません。

私はChromeのバックグラウンド更新のバグとは何かだった最初に思いました。しかし、他のブラウザでそれを見つけると、私はそうでなければ思うようになりました。

明らかに間違っていますか？

これらのクラスは読み込み時に表示されません。何か違いはありますか？その後、カーネルを作るために互いにフェードイン/アウトします。

Answer 1

FireBugにエラーがありますか？ あなたがループ内で別の（より一般的な）セレクタを使用することができます。

$('.hpCarousel:nth-child(' + i + ')') 

も$.eachイテレータは、あなたの背景を反復処理するために、より便利な方法です。

$('.hpCarousel').each(function(index) { 
    $(this).css('background-image', 'url(wp-content/themes/blankslate/assets/carousel/'+index+'bg.jpg'); 
});