jQuery 함수에 대해 "settimeout"을 올바르게 설정하는 방법은 무엇입니까?

Question

도움을받을 수 있기를 바랍니다. 나는 Jquery와 JavaScript에 익숙하지 않고 "setTimeout"함수를 고수했다. 내 탐색 모음에서 작업하고 있는데 기본적으로 앵커 태그를 "클릭"할 때 페이드 인하려면 div (하위 메뉴)가 필요하고 마우스를 다른 탐색 링크로 이동하면 모두 사라지도록 페이드 아웃합니다. 마우스를 나뭇잎과 같이 : 클릭에

1. 쇼 그러나이 몇 초

2. 숨기기 마우스가 DIV 잎 후 경우 후 숨 깁니다.

이것은 내가 지금까지있어 무엇 :

setTimeout을 제외하고 예상대로 작동

$("a").click(function() { 
    $("#sub_nav").fadeIn(400); 
}); 

$("#sub_nav").mouseleave(function() { 
    $(this).fadeOut(0); 
}); 

$("#sub_nav").mouseenter(function() { 
    if(this) { 
     $(this).show(0); 
    } else { 
     setTimeout(function() { 
      $(this).fadeOut(0); 
     }, 2000); 
    }; 
}); 

.

내가 얻을 수있는 모든 도움을 감사드립니다.

Answer 1

$("#sub_nav").mouseenter(function() { 
    if (!$(this).is(':animated')) { 
     var el = this; 
     setTimeout(function() { 
      $(el).fadeOut(0); 
     }, 2000); 
    } 
}); 

'this'는 입력 된 함수의 범위 내에서 'window'객체입니다. 요소에 대한 참조를 저장해야합니다.

나는 제거 귀하의 경우 (이) 항상 true로 평가 것이며, 디버깅 있다면 나는 확실히 아니었지만, 올바른 해결책이 아닌 경우 당신은 아마 예로 사용할 수 있기 때문이다.