jquery - jqueryループ防止

Question

マウスが離れるときに遅延が必要なホバー スライド ダウン パネルがあります。私が今持っているように、トリガーをホバリングすると複数のループが発生するため、パネルが上下に狂います。コードは次のとおりです。

 $(document).ready(function(){
(function(){
  var trigger = $('li.HotelPaneltrigger');
  var panel = trigger.find('.panel').hide();
    trigger.mouseenter(function(){panel.slideDown('slow');}).mouseleave(function(){panel.slideUp('slow');});
 })();
});

これを試してみましたが成功しませんでした: $(this).mouseleave(function () {
$(this).delay('500')panel.slideUp('slow');

Answer 1

あなたが正しいかどうかは正確にはわかりませんが、呼び出す.stop()ことでうまくいくと思います。

panel.stop(true, true).slideDown('slow');

と

panel.stop(true, true).delay(500).slideUp('slow');

参照：.stop()

Answer 2

あなたのandイベントの.stop(true,true)前にa を追加すると、私の頭の上からあなたの問題が解決するはずです。slideDownslideUp