Question

嗨，我不知道如何更改div背景图像，所以这是它应该如何工作

我有一些带有onclick =“change_color（）”的图像，还有一些div还带有onclick =“get_color（）”，我想要的是当我点击图像时我应该得到图像src然后点击之后div上的div将从prev click图像中获取背景图像。

所有我设法做的就是获取图像src

$(document).click(function(e) {
   e = e || event;
   $.lastClicked = e.target || e.srcElement;
   $.lastClicked2 = e.target || e.srcElement;
  });

function change_color()
{
var lastClickedElement = $.lastClicked;
lastClickedElement.getAttribute('data-color');
}

请帮帮我。

Answer 1

删除内联javascript，然后将一个类添加到div和图像中。我将.change_color用于div，.lastimage用于图片：

var bgImage = null;

$('img.lastimage').on('click', function() {
    bgImage = this.src;
});

$('div.change_color').on('click', function() {
    if (bgImage) $(this).css('background-image','url('+bgImage+')')
});

FIDDLE

Answer 2

尝试一下这个：

$(function(){
    var lastSrc = '';    

    $('img').on('click', function(){
        lastSrc = $(this).attr('src');
    });

    $('div').on('click', function(){
        $(this).css('background-image','url('+ lastSrc +')')
    });
});

jquery更改div背景图像单击

2 个答案: