JQuery와 mousenter,하는 MouseLeave 및

Question

오버레이 :

내가 기사를 mousentering에 오버레이를 추가하고 싶지만 내가 싶습니다 이 오버레이를 마우스로 이동하여이 오버레이를 제거하고 마우스로 기사를 다시 입력하지 않으면 다시 추가되지 않도록하십시오.

지금 문제는 오버레이가 사라지면 마우스가 기사 위에 갑자기 나타나 매우 즉각적으로 오버레이가 다시 나타납니다. 결과 : 지옥처럼 깜박입니다.

이 동작을 어떻게 막을 수 있습니까?

내가 더 성공 (그 두 반대 기능) 호버으로 시도

$('.article').mouseenter(function(){ 

    var xx=$(window).width(); 

    if (!$('boxOverlay').length) { 
     $('body').append('<div class="boxOverlay"></div>'); 
     $('.boxOverlay').css({ 
      'height': $(window).height(), 
      'display': 'block', 
      'position': 'fixed', 
      'z-index': '99', 
      'width': '1050px', 
      'margin-left': (xx-1050)/2, 
     }); 
    } 

    $('.boxOverlay').mouseleave(function(){ 
     $('.boxOverlay').remove() 
    }) 
}); 

주셔서 감사합니다.

Answer 1

$('.article').mouseleave(function(){ 
     $('.boxOverlay').remove() 
}); 

이제는 작동 될 것입니다.