이 jQuery 문제를 해결하는 방법

Question

주어진 시간에 하나씩 표시되고 다른 하나는 숨겨진 두 개의 div가 있고 마우스가 # div1을 입력하면 스크립트는 # div2를 표시하고 마우스를 # div1로 표시해야합니다 # div2

마우스가 # div1로 들어가기 전에 # div2가 표시되기 전에 문제가 발생하지만 # div2는 계속 표시되지만 마우스는 이미 div2를 남겼습니다. 도움이 필요하십니까?

내 jQuery 코드 :

$('#div1').mouseenter(function(){ 
$('#div1').fadeOut("fast",function(){ 
    $('#div2').fadeIn("fast"); 
}); 
}); 

$('#div2').mouseleave(function(){ 
$('#div2').fadeOut("fast",function(){ 
    $('#div1').fadeIn("fast"); 
}); 
}); 

Answer 1

는 여기 hover()을 사용하는 것이 좋습니다 것입니다 :

$("#div1, #div2").hover(function() { 
    $(this).stop().fadeOut("fast"); 
}, function() { 
    $(this).stop().fadeIn("fast"); 
}); 

참고 : 난으로 얻을 수있는 좋은 습관이다, 애니메이션에 stop() 사용했습니다 . 위의 버전에서는 두 div가 동일한 핸들러를 가질 수 있으므로 코드가 줄어 듭니다.