페이드 아웃 한 다음 새 페이지로 이동

Question

다음 코드가 있습니다. wrapper이 사라지고 사용자가 URL로 이동합니다. 그러나 그것은 단지 한 번 fadeOut 것 같습니다. 내 브라우저가 이미 페이지를 캐싱 /로드했기 때문에로드하는 것보다 빠릅니다.

fadeOut이 완료 될 때까지 window.location이 호출되지 않도록 할 수 있습니까? 내 현재 코드 : 변경

$('a').click(function (e) { 
    e.preventDefault(); 
    $('.wrapper').fadeOut(1000); 
     window.location = this.href; 

}); 

은 내가 콜백을 시도했습니다,하지만 난 this.href을 것 같은데요?

$('a').click(function (e) { 
     e.preventDefault(); 
     $('.wrapper').fadeOut(1000, function(){ 
        window.location = this.href; 
     }); 
    }); 

어떤 도움을 주시면 감사하겠습니다.

http://jsfiddle.net/tmyie/em2Km/1/

Answer 1

는 window.location = this.href; 내부 this 더 이상 클릭 된 앵커 태그이지만 이벤트 핸들러로서 기능 부착하지 않는다.

는 시도 :

$('a').click(function (e) { 
    e.preventDefault(); 
    var href = this.href 
    $('.wrapper').fadeOut(1000, function(){ 
    window.location = href; 
    }); 
});