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;

但这也没有做任何事。请注意，控制台是空的。

这是body对象的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 )

简单的javascript图像随机函数实际上并不加载图像

1 个答案: