Maison > interface Web > js tutoriel > le corps du texte

jQuery : résoudre le problème selon lequel l'événement mouseleave ne peut pas être déclenché lorsque la souris se déplace rapidement

黄舟
Libérer: 2018-05-15 11:41:55
original
3402 Les gens l'ont consulté

Puisque l'élément de page est un p généré dynamiquement, les événements mouseenter et mouseleave sont enregistrés pour lui, de sorte que lorsque la souris est déplacée, un calque flottant apparaîtra pour afficher les détails, et lorsque la souris est déplacée vers l'extérieur, elle sera masquée, mais lorsque la souris est déplacée rapidement, lorsque la souris est enfoncée, l'événement mouseleave n'est pas déclenché et le calque flottant contextuel existe toujours. Je ne sais pas trop comment gérer. avec lui. Veuillez me guider.
Le code est le suivant :

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

Arrêtez toutes les opérations sur l'élément spécifié en cours d'exécution . S'il y a des animations en attente d'exécution dans la
file d'attente (et clearQueue n'est pas définie sur true), elles seront exécutées immédiatement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal