2012-10-15 49 views
0

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

是否有办法彻底关闭每个事件(或者至少是连续的最后一个事件 - 例如mouseleave或last hover)?

也许图片的网站布局有帮助吗? enter image description here

红:悬停事件(改变绿色含量)

蓝:鼠标离开事件(绿色会恢复为默认)

+0

你可以创建一个jsFiddle吗? –

+0

图片没有帮助...您正在使用的代码是需要的 – charlietfl

回答

1

如果fade效果是罪魁祸首,然后尝试加入stop(true, true)功能在你的fade效果之前。

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

这只是一个示例代码,根据您的问题。如果你可以放一个Fiddle,这会有很大的帮助!

+0

我试图使它在小提琴中,但启动Slide.JS的JS本身不起作用。我从来没有使用过小提琴,这可能是我为什么会遇到麻烦。 无论如何,你建议的这个停止功能已经做了我一直在寻找的东西,所以谢谢! – user828591