简单javascript图像随机化器不';我不能实际加载图像

简单javascript图像随机化器不';我不能实际加载图像,javascript,html,css,Javascript,Html,Css,我目前正在一个网站上工作,我希望每次进入该网站时,索引上的背景(在本例中为图像)都会发生变化。这就是我提出的解决方案: var Index = { Actions: { setBackground: function() { var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg']; var random = images[Math.floor(Math.r

我目前正在一个网站上工作,我希望每次进入该网站时,索引上的背景(在本例中为图像)都会发生变化。这就是我提出的解决方案:

    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;
但这也没有起到任何作用。 请注意,控制台是空的

以下是body对象的CSS:

body {
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    width:100%;
    height:100vh;
    position:relative;
}
这有什么不起作用的原因吗?如果是这样,如何修复它

谢谢。

试试这个<代码>$(“body”).css('background-image','url(../img/backgrounds/'+random+')


语法正确

如果查看网络请求,是否有任何图像正在加载或加载失败(404?),只需验证图像路径和名称是否正确。请从url()字符串末尾删除分号。