2012-01-19 33 views
0

JQueryから背景イメージを追加します。
私はすべてのようにしようとしましたが、私の背景イメージは表示されません。JQueryの背景イメージが表示されません

私のコード(例):

$(function() { 
    var cssObj = 
    { 
     'background-image' : 'url(http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png)' 
    } 

    $('.Main').css(cssObj); 
}); 

<div class="Main"></div> 

JSfiddle:あなたのフィドルでhttp://jsfiddle.net/334N7/5/

+1

作品はhttp://jsfiddle.net/didierg/x7B5L/](http://jsfiddle.net/didierg/x7B5L/)です。あなたはあなたのフィドルの左にある "jquery"フレームワークを選択しませんでした。 –

+2

@ daageu。ウェブサイトでjavascriptエラーが発生しています(コンソールを確認してください)。 @ gion_13が彼の答えに言及しているように、あなたは 'url()' –

+0

ベル文字内の一重引用符を削除する必要がありますか? – dg90

答えて

2

私はあなたのコードを試してみました。問題は、divが空で高さがないことです。

私のサンプルチェックアウトし、あなたがあなたの更新されたフレームワークここで

としてjQueryを設定するのを忘れたので

あなたjsFiddleは動作しません。このjsFiddle

<div class="Main" style="height:100px; width:100px"></div> 

更新jsFiddle

更新

あなたのサイトを確認しました。それがうまくいかない理由は、画像arrowright.pngが存在しないか、別のパスにあります。それは

になり

変更 "(見つかりません)404をdaangeudens.be/arrowright.png GET"

$(function() { 
    var cssObj = 
    { 
     'background-image' : 'url(../arrowright.png)', 
    } 

    $('.Main').css(cssObj); 
}); 

$(function() { 
    var cssObj = 
    { 
     'background-image' : 'url(/img/arrowright.png)', 
    } 

    $('.Main').css(cssObj); 
}); 
+1

私はaskerが@ gion_13の後に質問を編集したと思います。 –

+0

はい、私はjsFiddleを最初に見たことはありません。しかし、私の答えは更新され、サンプルと彼のjsFiddleの両方をカバーします。 – dknaack

+0

私の回答が更新されました – dknaack

2

、あなたは画像リンクを囲む引用符の別のセットを持っています。削除してください。 :

'url(http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png)' 

代わりの

'url('http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png')' 

そしてまた、フィドルにjqueryのフレームワークを選択します。
デモhere

+0

@ daageu:更新を参照してください –

関連する問題