Jquery 背景图像在单击时更改为已单击图像的url

Jquery 背景图像在单击时更改为已单击图像的url,jquery,Jquery,我试图在单击时更改背景图像。我希望将图像更改为单击的图像的url,而不是使用bg图像的设置值 我已经创建了一个JSFIDLE,其中包含了一个我想要的示例。这显示了我目前所处的困境。它位于这里: 这是我尝试过的jQuery,但它不起作用。我对这方面还不太熟悉。 switchfg是一个内部带有透明图像的div。它将背景图像设置为默认值。switchbg是同一页面上的图像列表。单击其中一个按钮时,我需要将该图像设置为div switchfg的背景。任何帮助都将不胜感激 您必须直接设置背景(无需函数),

我试图在单击时更改背景图像。我希望将图像更改为单击的图像的url,而不是使用bg图像的设置值

我已经创建了一个JSFIDLE,其中包含了一个我想要的示例。这显示了我目前所处的困境。它位于这里:

这是我尝试过的jQuery,但它不起作用。我对这方面还不太熟悉。 switchfg是一个内部带有透明图像的div。它将背景图像设置为默认值。switchbg是同一页面上的图像列表。单击其中一个按钮时,我需要将该图像设置为div switchfg的背景。任何帮助都将不胜感激


您必须直接设置背景(无需函数),如下所示:

switchfg.css('background-image', 'url(' + img + ')');

要查看背景,您还需要为.light switch div指定宽度和高度。

我为您的脚本进行了更新:

首先,$.css()中的code-function()有些混乱。刚把它取下来

但真正的问题是在CSS文件中声明了

background:url(..)

在JavaScript中,您希望更改:

背景图像:….


因此,我将两者都更改为
background:url(…)
,并且成功了。

您忘记返回新的背景url。它应该是
返回'url('+img+')你不能看到背景图像中间的文本,因为div的大小很小。谢谢你回答我的问题。谢谢你回答我的问题。
switchfg.css('background-image', 'url(' + img + ')');