0

我正在制作一个书签，它将在用户点击时从用户所在的页面上传一张图片，到目前为止一切顺利，但我遇到了一个问题。

我想要发生的是，

  1. 用户点击书签
  2. 用户将鼠标悬停在页面上的图像上。
  3. 一个div出现在悬停
  4. 当点击 div 时，它会被带到我的网站。

但是出现的 div 与 .hover 混淆，它来回断断续续。我猜这是因为从技术上讲，用户不再将鼠标悬停在图像上，而是我创建的 div 上。

这是一个例子。 http://jsfiddle.net/P4b8H/

我该如何解决这个问题？

4

2 回答 2

2

这里的问题是，当您的 div 创建时，您总是离开图像，即悬停在外面。但是然后在悬停功能中，您隐藏了 div，因此您有点陷入无限循环。

要解决此问题，请考虑将鼠标悬停在图像上，将鼠标悬停在div 上。

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

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

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

于 2012-07-15T19:44:32.073 回答
0

把图像放在一个盒子里。将 div 附加到同一个框。然后将悬停事件再次应用到同一个框。看看改变的小提琴 - http://jsfiddle.net/P4b8H/4/

于 2012-07-15T19:36:19.383 回答