2016-07-14 5 views
0

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の知識はほとんどありませんので、できるだけ詳しく記述してください。

ありがとうございました!

+0

マークアップの外観は?あなたが本当に$( '。jumbotron')を望む場合は、$( 'jumbotron')は右のセレクタではありません $( 'jumbotron') – jerrylow

+0

''url' '/images/bg_v3.png +' '' 'JavaScriptインタプリタは'/images/bg_v3.png'を変数として解析しようとしています。 ''url("/images/bg_v3.png ")' 'を使ってください。あなたが引用した例では、 'imageUrl'は変数です。 – j08691

答えて

2

は、あなたがこのコード行で訂正する必要がある2つの事があります。

$('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')'); 

まず、セレクタ$('jumbotron')は、任意の要素を選択するつもりはありません。 nullを返します。したがって、.css関数を呼び出すとエラーが発生します。ターゲティング要素にID = 'jumbotron'がある場合は、セレクタを$('#jumbotron')に変更する必要があります。その要素のCSSクラスが.jumbotronの場合、セレクタは$('.jumbotron')である必要があります。

第2に、'url(' + /images/bg_v3.png + ')'部分もまた別のエラーの原因となります。これは'url(/images/bg_v3.png)'である必要があります。

+0

ありがとうございます!結局のところ私が変えなければならなかったのは、私がしなければならなかったことを修正することだけでした:$( 'ジャンボトロン')これはあなたがプログラミングしている時の1つでした。あなたがしなければならなかった最後はドットを付けることでした。私はこれが面白いと思う。再び、ありがとう! – Franseeshcoo

関連する問題