跳过jQuery事件
跳过jQuery事件
提问于 2012-10-15 18:38:58
我构建了一个幻灯片菜单(使用Slide JS - http://www.slidesjs.com/ )，并添加了一个悬停事件，因此当鼠标移动到菜单点上时，图像将会切换。此外，当移出整个块时，会有一个mouseleave事件，它会将图像和菜单指针设置回第一个。现在，当我在菜单点(鼠标悬停事件)之间快速切换，然后离开整个块( mouseleave )时，它通常会跳过鼠标leave事件(-或者它永远不会到达它，因为悬停事件(包括淡入淡出效果)占用的时间太长)。
有没有一种方法可以彻底解决每个事件(或者至少是一行中的最后一个事件-例如mouseleave或last hover)？
也许网站布局的图片会有所帮助？
红色:悬停事件(更改绿色内容)
蓝色: Mouseleave-Event (绿色返回默认值)
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-10-15 18:46:32
如果fade效应是罪魁祸首，那么尝试在fade效应之前添加一个stop(true, true)函数。
$(slideshow-menu-selector).on('mouseleave', function(){
// Reset code here
$(element-selector).stop(true, true).fadeOut();
})这只是一个示例代码，基于您的问题。如果你能建立一个Fiddle，那将会有很大的帮助！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12893861
复制相关文章
相似问题
腾讯云开发者
