gpt4 book ai didi

javascript - 如何使用 jQuery 在单击时更改 body 元素的背景图像

转载 作者:行者123 更新时间:2023-11-30 09:52:37 25 4
gpt4 key购买 nike

我已经通过 CSS 文件在正文部分实现了一个背景图片并且它起作用了。但是,我需要根据用户点击的选项卡来更改此图像。

现在我认为这已经足够简单了,在阅读并尝试了这里许多帖子中的解决方案之后,我无法弄清楚哪里出了问题。

基本上我的主要设置是:

CSS:

body {
background-image: url(/bg04.png);
}

这在显示背景图像时有效。

现在我尝试在有人点击标签时改变整个场景的代码部分更改 bg 图像:

var activate_doodle = function(e) {
if (e) {
e.preventDefault();
}

$("#text_input_container").css("display", "none");
$("#doodle_input_container").css("display", "block");
$("#change_keyboard").removeClass("active");
$("#change_doodle").addClass("active");
document.getElementById("colorPicker").click();

$('body').css('background-imgage','url(http://example.com/bg04-2.png');

};

但它不会改变图像。我尝试将绝对 URL 复制并粘贴到我的浏览器中,图片的路径是正确的。

我还尝试将它从我的 CSS 中移除,将整个东西放在我的初始化 JS 序列中,然后在点击事件中使用相同的行。

非常感谢你们的帮助。

谢谢。

最佳答案

'background-imgage'
从属性中删除 g — 它应该是 background-image :

$('body').css('background-image','url(http://example.com/bg04-2.png');

关于javascript - 如何使用 jQuery 在单击时更改 body 元素的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35580769/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com