jQuery事件被跳过

Question

我构建了一个幻灯片菜单（使用Slide JS - http://www.slidesjs.com/）并添加了一个悬停事件，因此在菜单点上移动鼠标时图像已经切换。此外，当移出整个块时，会有一个mouseleave事件，它将图像和菜单点设置回第一个。 现在，当我快速切换菜单点（悬停事件）然后离开整个块（mouseleave）时，它通常会跳过mouseleave事件（ - 或者它永远不会到达它，因为悬停事件（包括淡入淡出效果）占用太长时间）

有没有办法彻底解决每个事件（或至少连续的最后一个事件 - 例如mouseleave或最后一次悬停）？

也许网站布局的图片有帮助？

红色：悬停事件（更改绿色内容）

蓝色：Mouseleave-Event（绿色恢复默认值）

Answer 1

如果fade效果是罪魁祸首，请尝试在stop(true, true)效果之前添加fade功能。

$(slideshow-menu-selector).on('mouseleave', function(){
    // Reset code here
    $(element-selector).stop(true, true).fadeOut();
})

这只是一个示例代码，基于您的问题。如果你能提出一个Fiddle，那将会有很大的帮助！