jqueryを使用してCSSの背景イメージを変更するにはどうすればよいですか？

Question

$(document).ready(function() { 
    $('#picture').css('height', '666px'); 
    $('#picture').click(function() { 
     $(this).css('background-image', "url('../images/picture_2.jpg')"); 
    }); 
}); 

上記のコードでは、heightは正常に666pxに変更されましたが、背景イメージはまったく変更されません（元のままです）。

"url（ '../ images/picture_2.jpg'）の代わりにbackground-imageを 'none'に変更すると、背景イメージが消えます。

私は間違っていますか？

Answer 1

あなたが入れているURLが間違っていると思います。 URLはにあるページからの相対的なものでなければなりません。あなたのURLはあなたのCSSスタイルシートに関連していると思います。一般的に、JSでこれを行うときは、絶対パスを使用してください。

また、パスを囲む一重引用符は必要ありません。

Answer 2

イメージへのパスを修正します。

画像へのパスは、CSSのサイトではなくサイトのルートから計算されます。

ただ明確にする：

身長#picture要素がクリックされた場合にのみ変更されます背景画像など、ページのロード時に変更されます。

Answer 3

あなたが指定したコードは正常に動作するはずです。あなたが言った画像の場所は​​と間違っています。その場所の画像が火かき棒で見えるかどうか確認してください。

同じコードを試してみましたが、うまく機能しました。 DEMOここに

Answer 4

ここには私のために働くdemoがあります。

これは、あなたが試したこととどのように違いますか？