.mousemove 및 .mouseenter 동시 사용 방법?

Question

mousemove 및 마우스를 포함하는 페이지에서 작업하고 있습니다. 불행히도 나는 둘 다 일할 수 없습니다. 여기

는 (배경이 흐릿 얻고 세계 분명 얻을 애니메이션) 여기

var timer; 
$(".flight3").mousemove(function() { 
    if (timer) { 
     clearTimeout(timer); 
     timer = 0; 
    } 

    $('.flight1,.cycle-slideshow').fadeIn(); 
    timer = setTimeout(function() { 
     $('.flight1,.cycle-slideshow').fadeOut() 


    }, 320) 


}) 

http://jsfiddle.net/Je9D6/

을 수행 할 수 있습니다 (이하 ".flight3"DIV 이상)을 MouseMove 이벤트를 확인하실 수 있습니다 마우스를 확인하십시오 (".map"div 이상) (배경이 흐려지고 글로브가 선명하고 움직입니다)

$(".map").mouseenter(function() { 

    $('.flight1,.cycle-slideshow').fadeIn(); 

    }) 


$(".map").mouseleave(function() { 

    $('.flight1,.cycle-slideshow').fadeOut(); 

    }) 

나는 마우스 이동 및 마우스 입력을 모두 넣을 때 0

http://jsfiddle.net/Je9D6/1/

만 MouseMove 이벤트가 노력하고 있습니다. 마우스 이동 대신 mouseover를 시도해도 동일한 문제가 발생합니다.

누군가 내가 뭘 잘못하고 있는지 알고 있습니까? ??

덕분에 많은

Answer 1

난 당신이 찾고있는 생각 :

$(".map").on("mouseenter mouseleave", 
    function(e) { 
     if(e.type == "mouseenter"){ 
      $('.flight1,.cycle-slideshow').fadeIn(); 
     } 
     else{ 
      $('.flight1,.cycle-slideshow').fadeOut(); 
     }   
    }); 

fiddle