JQuery背景圖像不會顯示

Question

我想從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/

Answer 1

我試過你的代碼，它的工作原理。問題是你的div是空的，沒有高度。

看看我的樣品，這jsFiddle

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

更新

你的jsfiddle不起作用，因爲你忘了設置jQuery爲框架

這裏是你的更新jsFiddle

更新

我已檢查過您的網站。它不起作用的原因是圖像arrowright.png不存在或在另一個路徑。它導致

「GET daangeudens.be/arrowright.png 404（未找到）」

變化

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

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

到

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

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

Answer 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