jQuery mouseover mouseout 函数跳舞

Question

以下函数会在鼠标悬停时在图库上方打开一个框。问题是它不会停止尝试打开和关闭。这与鼠标在图片周围移动时触发 mouseout 函数有关。

真让人气愤。有解决这个问题的想法吗？

$(document).ready(function(){
 $("#gallery, .imageitem, #thumbnails, .thumbs, .cornerimg").mouseover(function(){
     $('#thumbnails').addClass('thumbnailshover');
 });
 $("#gallery").mouseout(function(){
     setTimeout(function() {
           $('#thumbnails').removeClass('thumbnailshover');
        },2000);
 });
});

太棒了

Answer 1

mouseover 和 mouseout 事件在许多浏览器中可能会出现错误，因为它们在将元素留在具有处理程序的元素内时触发。 jquery mouseenter和 mouseleave事件解决了这个问题(请参阅页面底部的演示)。