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