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+ ')');