this threadで最も投票された回答を試しましたが、うまくいきません。jQueryで背景画像を変更するCSSプロパティが機能していません
Most voted answerは言った:
はおそらく、これは(通常のCSS背景画像 宣言のようにそれを作るために)したい:
:$('.icon-menuoption').click(function() { $('.menu').animate({ left: "-285px" }, 200); $('body').animate({ left: "0px" }, 200); $('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')'); });
$('myOjbect').css('background-image', 'url(' + imageUrl + ')');
はここでJSのコードです
メニューと本文は同じように移動しますジャンボトロンの背景画像はそうではないと思われる。私はこのJSコードと同じディレクトリにあるimagesディレクトリにbg_v3.pngイメージを持っています。この部分がなければ
:
$('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')');
それは、それがすることになっているものを行いますが、私はまたbackground-image
を変更したいです。
注:私は完全なnoobです。私はcodeacademyを通して学んでおり、JS、jQuery、CSSの知識はほとんどありませんので、できるだけ詳しく記述してください。
ありがとうございました!
マークアップの外観は?あなたが本当に$( '。jumbotron')を望む場合は、$( 'jumbotron')は右のセレクタではありません $( 'jumbotron') –
jerrylow
''url' '/images/bg_v3.png +' '' 'JavaScriptインタプリタは'/images/bg_v3.png'を変数として解析しようとしています。 ''url("/images/bg_v3.png ")' 'を使ってください。あなたが引用した例では、 'imageUrl'は変数です。 – j08691