Mouseenter가 아직 완료되지 않은 경우 Mouseleave가 실행되지 않습니다.

Question

jquery로 mouseenter와 mouseleave에 문제가 있습니다.

div를 입력하면 mouseenter 함수가 시작됩니다. mouseenter가 완료되기 전에 div를 종료하면 mouseleave가 트리거되지 않습니다.

나는 이해하기 쉽게 jsfiddle를 만들었습니다.

http://jsfiddle.net/8sLLD/1/

코드 : 버튼 입력시

$("#menu1").mouseenter(function() { 
    //code 

}) 
    $("#image").mouseleave(function() { 
    //code 
}); 

그래서, 화상이 나타난다. 이미지가 나타나기 전에 (커서가 이미지에 닿기 전에) 버튼을 벗어나면 mouseleave가 트리거되지 않습니다.

편집 : # mouseleave에 #menu를 사용하면 마우스를 "움직이는"경우 이미지가 매우 이상하게 작동합니다.

나는 이미 이와 같은 질문이 있지만 그 중 누구도 나를 위해 일하지 않았다는 것을 알고 있습니다. 영어

Answer 1

당신은 당신과 핸들러 함수에서 설정하는 hover 이벤트 핸들러를 사용할 수 있습니다 제에 대한

고마워요 미안.

#p2과 같은 배치 요소에 마우스를 올려 놓으면 더 간단합니다. 따라서 래퍼를 입력/종료 할 때 해고 될 것이므로 더 이상 아이들이 아닙니다.

코드 :

이

$('document').ready(function() { 
    $("#p2").hover(function() { 
     $(this).css("cursor", "pointer") 

     $("#image").css("left", "75"); 
     $("#image").stop().animate({ 
      width: "145px", 
      height: "145px", 
      left: "0" 
     }, 'slow'); 

     $("#c").animate({ 
      top: "100" 
     }, 'slow'); 

    }, function() { 
     $("#image").stop().animate({ 
      width: "0%", 
      height: "0%", 
      left: "75" 
     }, 'slow'); 
     $("#c").animate({ 
      top: "0" 
     }, 'slow'); 
    }); 
}); 

데모 : http://jsfiddle.net/qwPvv/ 물론