jquery - jQueryホバーのちらつき

Question

私が作っているこのスライダーにカーソルを合わせると、これらの矢印が表示されるようにしようとしています。ただし、そうすると、狂ったようにちらつくように見えます。私はすべてを試しましたが、並べ替えることができません。

コードは次のとおりです。http://pastebin.com/hfK7NKtR

および HTML: http://pastebin.com/kQbJ3mDD

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

Answer 1

ちらつく理由は理にかなっています。ホバーをコンテナにバインドしていますが、次と前はコンテナの外にあります。prev の上にマウスを置くと、mouseleave がコンテナに送信されます。マウスを移動すると、prev が非表示になっているため、mouseenter が送信されますが、prev が再び表示され、移動すると、mouseleave などが送信されます...

コンテナ内に前/次を配置し、コンテナを相対位置に設定してから、コンテナに対して絶対に配置することができます。

または、ホバー モニター マウスの動きの代わりに、マウスがコンテナー内にある場合は前/次を表示し、それ以外の場合は非表示にします。

jQuery が公開するイベント プロパティの一部を使用できる可能性があるため、ターゲットが次/前の場合に発生したときに mouseleave イベントをキャンセルできますが、過去にそれを行うことはあまりうまくいきませんでした。