jQuery 페이드 페이지 위로 이동합니다.

Question

jquery와 fade를 사용하여 기본 공개를했습니다. 링크 중 하나는 누군가가 솔루션을 제안 할 수

$(".link").click(function() { 
     $('.content-container div').fadeOut('slow'); 
     $('#' + $(this).data('rel')).fadeIn('slow'); 
    }); 

http://jsfiddle.net/Wqc9N/8/

를 클릭 할 때마다이 페이지의 상단으로 이동 위는 내용이있는 경우를 제외하고 잘 작동?

Answer 1

에 한번 사용 방지 기본

$(".link").click(function(e) { 
     e.preventDefault(); 
     $('.content-container div').fadeOut('slow'); 
     $('#' + $(this).data('rel')).fadeIn('slow'); 
    }); 

here is a DEMO

Answer 2

나는 링크이기 때문에

JSFiddle Demo

Answer 3

... 당신이 당신의 <a>의 href에 대한 javascript:void(0) 대신 #을 사용하는 것이 좋습니다 당신은 홍보해야 태그에 싸여 event는 태그의 기본 동작입니다. 시도 :

$(".link").click(function(e) { 
    e.preventDefault(); 
    $('.content-container div').fadeOut('slow'); 
    $('#' + $(this).data('rel')).fadeIn('slow'); 
});