jquery没有添加背景图片div

Question

我有一个功能，即将背景图片添加到我的div。但它没有显示。

这是我的功能

var totalCount = 6; 
function changeBackground() 
{ 
    var num = Math.ceil(Math.random() * totalCount); 
    backgroundUrl = '/background/test2/'+num+'.jpg'; 

    $('#background').css('background-image, url(' +backgroundUrl+ ')'); 
} 

changeBackground(); 

影像学改变，每次该页面被刷新。我知道那部分工作，因为如果我改变

$('#background').css('background-image, url(' +backgroundUrl+ ')'); 

到

document.body.parentNode.style.backgroundImage = 'url(background/test2/'+num+'.jpg)'; 

它显示了我，就像我想要的图像。但在html标签上。我希望它在div上，所以我可以用jQuery淡入。

这里是我的CSS

#background { 
width:100% !important; 
height:100% !important; 
background-repeat:no-repeat; 
background-position:center center; 
background-attachment:fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
    background-size: cover; 
} 

我不明白在控制台中的任何错误的，当我抬头看的CSS没有在CSS中添加。我怎么能现在什么是错的？所以在将来，我可以为自己解决问题。

Answer 1

变化

$('#background').css('background-image, url(' +backgroundUrl+ ')'); 

要

$('#background').css('background-image', 'url(' +backgroundUrl+ ')');