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

在你的小提琴中，图像链接周围有另一组引号。删除它们。 ：

'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

Answer 2

我已经尝试过您的代码，但它确实有效。问题是你的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);
});