jQuery: マウスを速く動かすとmouseleaveイベントがトリガーされない問題を解決する

ページ要素は動的に生成された p であるため、mouseenter と Mouseleave events が登録されているため、マウスを移動するとフローティング レイヤーがポップアップして詳細が表示され、マウスを移動すると、しかし、マウスを素早くスライドすると、ポップアップフローティングレイヤーがトリガーされずにポップアップしてしまいます。対処方法について非常に混乱しています。コードは次のとおりです:

 $('.table').on('mouseenter','a',function(){
        //ajax请求查出鼠标移入的元素对应的详情，构造一个p
                $(tpl).insertAfter(item);
    });
     
    $('.table').on('mouseleave','a',function(){
        $(this).siblings('.tips').remove();
    });

$("ele").stop()

指定された要素で実行されているすべての

アニメーションを停止します。 queue
に実行を待っているアニメーションがある場合(そしてclearQueueがtrueに設定されていない場合)、それらはすぐに実行されます

$(tpl).stop().insertAfter(item);

以上がjQuery: マウスを速く動かすとmouseleaveイベントがトリガーされない問題を解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。