jQuery事件被跳过

Question

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

有没有一种方法可以彻底解决每个事件（或者至少是连续事件中的最后一个事件，例如mouseleave或last hover）？

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

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

蓝色：Mouseleave-Event（鼠标离开事件）（绿色恢复为默认值）

Answer 1

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

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

根据您的问题，这只是示例代码。 如果您可以搭小提琴 ，那将会有很大帮助！