javascript - 使用 Javascript 和 Jquery 更改样式表中的背景图像

Question

我想创建一个 javascript + jquery 函数来更改我的 css 文件中的背景图像。

如果我尝试更改 background-color 的值，它可以工作，但不能使用 background-image。

function randomWallpaper()
{
     var wallpapersList = ["1.jpg","9.jpg","3.jpg", "82.jpg"];
     var newWallpaper = Math.floor(Math.random()*5)+0;
     console.log(newWallpaper); //outputs the index
     changeBackground(wallpapersList, newWallpaper);
 }

function changeBackground(wallpapersList, newWallpaper) 
{
     $("body").css("background-image", wallpapersList[newWallpaper]);
}

setInterval(function()
{
     randomWallpaper();
},2500)

CSS

body 
{
    background-image: url('41.jpeg');
}

有人可以帮我理解我错在哪里以及为什么这段代码不起作用吗？ 我正在努力学习js

Answer 1

您还需要输入url()。

$("body").css("background-image", "url(" + wallpapersList[newWallpaper] + ")" )

(或使用 ES6 字符串插值语法:)

$("body").css("background-image", `url( ${wallpapersList[newWallpaper]} )` )