Maison >interface Web >js tutoriel >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

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

黄舟
黄舟original
2018-05-15 11:41:553434parcourir

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();
    });
$("ele").stop()

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!

Déclaration:
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