我正在尝试更改点击时的背景图像。我希望将图像更改为单击的图像的 url,而不是使用要更改的背景图像的设置值。
我创建了一个jsfiddle,其中包含我所想到的示例。它显示了我目前陷入的困境。它位于这里:http://jsfiddle.net/CompMike/j8JZ3/27/
这是我尝试过的 jQuery,但它不起作用。我对此还很陌生。 switchfg 是一个内部有透明图像的 div。它的背景图像设置为默认值。 switchbg 是同一页面上的图像列表。当单击其中一个时,我需要将该图像设置为 div switchfg 的背景。任何帮助将不胜感激。 http://jsfiddle.net/CompMike/j8JZ3/27/
jQuery(document).ready(function() {
var switchfg = jQuery('.light-switch');
var switchbg = jQuery('.switchbg img');
switchbg.on("click", function() {
var img = $(this).attr('src');
switchfg.css('background-image', function() {
'url(' + img + ');'
});
});
});
最佳答案
你必须像这样直接设置背景(没有函数):
switchfg.css('background-image', 'url(' + img + ')');
要查看背景,您还需要为 .light-switch div 指定宽度和高度。
关于jquery - 单击图像的 url 时背景图像会发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12680665/