当光标通过鼠标滚轮滚动移开时，jquery hover 保持悬停状态

Question

我不确定这是 jquery 函数的限制还是我的代码中的错误，但我可以在 http://api.jquery.com/hover/ 的示例中看到相同的行为

我的实现是我有一个弹出框，当鼠标悬停在产品项目上时显示，当鼠标悬停时隐藏。

问题是当鼠标悬停并显示弹出框时，如果我使用鼠标滚轮/触控板向下/向上滚动页面，而由于滚动，鼠标光标不再位于产品项目上，悬停-out 行为没有被检测到，并且弹出框仍然可见，因为它的位置是在悬停事件期间确定的，相对于产品在屏幕上的位置。

这有意义吗？有人可以帮忙吗？

Answer 1

这是一个有点侵入性的解决方案，但它应该可以工作：

// The normal hover handler
$("#productElement").hover(function(){
  $("#otherElement").show();
},function(){
  $("#otherElement").hide();
});

// A global scroll handler that hides an specific
// element whenever the user scrolls.
$(document).scroll(function(){
  $("#otherElement").hide();
});

在上面的代码中，#productElement 是用户悬停到的标签，#otherElement 是悬停时弹出的对话框。这只是它如何工作的基础；你会根据你的代码调整它。