jQuery将对象放在悬停的其他位置

Question

我想将图像放在悬停的另一个div上。

就像是：

// I want to place this particular instance of .source into .place-here
$('.source').hover(function() {
    $('.place-here').append(this);
});

虽然这不起作用。

如果您有兴趣帮助我，这是一个jsfiddle 。

感谢您的任何想法！

Answer 1

您没有正确使用jQuery的悬停方法。 该方法需要两个参数，一个函数称为onmouseover，另一个称为onmouseout。

要将项目附加到.place-here div，需要首先对其进行克隆。 否则，.source div将被移动到.place-here div，并且onmouseout函数将被立即调用。 我在这里更新了您的小提琴：

http://jsfiddle.net/donnellyjoe/dkasunzz/2/

// on hover add the image to the preview area
$('.source').hover(onOver, onOut);

function onOver(){
    var clone = $('.source').clone();
    $('.place-here').append(clone);
}

function onOut(){
    $('.place-here').empty();
}