javascript - jQuery 事件被跳过

Question

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

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

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

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

蓝色：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，那将有很大帮助！