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();
}