jQuery悬停闪烁

时间:2010-12-12 15:08:44

标签: jquery hover flicker

我正试图将这些箭头显示在悬停在我正在制作的滑块上时。然而,当这样做时,他们似乎疯狂地闪烁。我尝试了一切,但无法对其进行排序。

以下是代码:http://pastebin.com/hfK7NKtR

和HTML:http://pastebin.com/kQbJ3mDD

示例:http://www.matthewruddy.com/slider/slider.html

1 个答案:

答案 0 :(得分:2)

为什么它会闪烁是有道理的。您将绑定悬停到容器,但是next和prev在容器外部。当你将鼠标移到prev上时,将mouseleave发送到容器,然后你移动鼠标,因为prev现在隐藏了它,然后它会发送mouseenter但是你再次出现并移动并发送mouseleave等......

您可以尝试将prev / next放在容器内,将容器设置为相对位置,然后将它们与容器绝对定位。

或者不是悬停监视器鼠标移动而是鼠标在容器内,显示prev / next,否则隐藏它们。

你可能能够使用jQuery暴露的一些事件属性,所以你可以在它发生的时候取消mouseleave事件,如果目标是下一个/上一个,但我过去没有太多的运气。