javascript - 如何在ajax请求后更改主体的背景图像？

Question

我正在执行一个 ajax 请求，当它完成时，我想将 body 元素的背景图像更改为某个主题。主题只是一个数字 1 - 5。

我试过:

document.body.style.background = "url('images/" + theme + "/background.jpg')";

和

$("body").css('background-image', `url(images/${theme}/background.jpg)`);

和

$("body").css('background-image', 'url(images/' + theme + '/background.jpg)');

和

$("body").css('background-image', 'url("images/' + theme + '/background.jpg")');

这些都不起作用。如果我在 url 中硬编码它会起作用:

$("body").css('background-image', 'url(images/1/background.jpg)');

知道我做错了什么吗？

Answer 1

在我看来，您的 theme 变量可能有错误的值。尝试 console.log('theme: ' + theme); 进行检查。

您还可以在开发人员控制台中查看是否报告了任何 404 错误。检查为您的图片调用的 url。

注意:如果您的 theme 变量是一个对象，则转换为所需的字符串。

您可以验证theme 是否正确。如果它应该是一个数字，那么试试这个:

$("body").css('background-image', 'url("images/' + theme.replace(/[^\d]/g, '') + '/background. jpg")');