簡單的JavaScript圖像隨機工具實際上並沒有加載圖像

Question

我目前正在一個網站上，我希望在每次進入網站時索引的背景（在這種情況下是一個圖像）。所以這是我想出的解決方案：

var Index = { 
    Actions: { 
     setBackground: function() { 
      var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg']; 
      var random = images[Math.floor(Math.random() * images.length)]; 

      alert(random); 
      $("body").css({'background-image': 'url("../img/backgrounds/' + random + '");'}); 
     } 
    } 
} 
Index.Actions.setBackground(); 

但由於某些原因，背景保持白色。我也嘗試了這樣的實際開關：

document.body.style.backgroundImage = "../img/backgrounds/" + random; 

但是這也沒有做什麼。 請注意控制檯是空的。

這裏是人體對象CSS：

body { 
    background-size:cover; 
    background-position:center; 
    background-attachment:fixed; 
    width:100%; 
    height:100vh; 
    position:relative; 
} 

是否有一個原因，這不會工作？如果是這樣，如何解決它...

謝謝。

Answer 1

試試這個; $("body").css('background-image', 'url("../img/backgrounds/' + random + '")'); jsfiddle demo

正確的語法; .css(propertyName, value)