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