ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery: マウスを速く動かすとmouseleaveイベントがトリガーされない問題を解決する

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

黄舟
リリース: 2018-05-15 11:41:55
オリジナル
3419 人が閲覧しました

ページ要素は動的に生成された 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート