javascript - 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 函数将立即被调用。我在这里更新了你的 fiddle :

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