.hover和div出現干擾

Question

我正在制作一個書簽，它將從用戶點擊的頁面上傳圖像，到目前為止一切順利，但我遇到了一個問題。

我想要發生的是，

1. 用戶單擊bookmarklet
2. 用戶將鼠標懸停在頁面上的圖像上。
3. 在懸停時出現div
4. 當點擊div時，它會被帶到我的網站。

但是看起來與.hover混淆的div，它來回晃動。 我猜這是因為從技術上講，用戶不再在圖像上盤旋，而是我創建的div。

這是一個例子。 http://jsfiddle.net/P4b8H/

我怎么能解決這個問題？

Answer 1

這里的問題是，當你的div被創建時，你總是離開圖像，即徘徊。 但是在懸停功能中你隱藏了div，所以你有點陷入無限循環。

要解決這個問題，請考慮在圖像上使用鼠標懸停並在div上使用mouseout。

$("img").mouseover(function(){});

$('#WRAPPER').mouseleave(function() {});

我修改了你的小提琴。 http://jsfiddle.net/P4b8H/5/

Answer 2

將圖像放在一個盒子里。 將div附加到同一個框中。 然后將懸停事件再次應用到同一個框中。 看看改變的小提琴 - http://jsfiddle.net/P4b8H/4/