当悬停在我正在制作的这个滑块上时,我试图让这些箭头显示出来。然而,当这样做时,它们似乎像疯了一样闪烁。我尝试了所有方法,但无法对其进行排序。
这是代码: http: //pastebin.com/hfK7NKtR
和 HTML: http: //pastebin.com/kQbJ3mDD
当悬停在我正在制作的这个滑块上时,我试图让这些箭头显示出来。然而,当这样做时,它们似乎像疯了一样闪烁。我尝试了所有方法,但无法对其进行排序。
这是代码: http: //pastebin.com/hfK7NKtR
和 HTML: http: //pastebin.com/kQbJ3mDD
它为什么闪烁是有道理的。您正在将悬停绑定到容器,但 next 和 prev 在容器之外。当您将鼠标悬停在 prev 上时,会将 mouseleave 发送到容器,然后您移动鼠标,并且由于 prev 现在被隐藏,它会发送 mouseenter 但随后 prev 再次出现并且您移动并发送 mouseleave 等...
您可以尝试将 prev/next 放入容器中,将容器设置为相对位置,然后相对于容器绝对定位它们。
或者代替悬停监视器鼠标移动并且鼠标在容器内,显示上一个/下一个,否则隐藏它们。
您也许可以使用 jQuery 公开的一些事件属性,因此如果目标是下一个/上一个,您可以在 mouseleave 事件发生时取消它,但我过去没有太多运气这样做。