jquery 탭이 페이지 상단으로 이동하지 못하도록합니다.

Question

jquery를 사용하여 사이트에 탭을 설정 했으므로 페이지를 새로 고치지 않고도 4 페이지의 데이터를 표시 할 수 있습니다.

이 작업은 정상적으로 처리되지만 하나의 버크 제거가 필요합니다. 첫 번째 페이지를 조금 아래로 스크롤 한 다음 다른 탭을 클릭하면 두 번째 탭이 나타나지만 더 이상 아래로 스크롤되지 않습니다 (예 : 페이지가 나타나고 페이지가 위로 이동 함). 이렇게하면 페이지가 '보이지'는 마치 다시로드되는 것처럼 보이게됩니다. 페이지 이동을 방지하는 방법이 있습니까? 즉, 현재 위치에서 스크롤 막대를 잠그고 있습니까? e.preventDefault() 사용

<script> 
//add the tabs 
$(document).ready(function() { 
    $('.tabs a').click(function() { 
    var $this = $(this); 
    $('.panel').hide(); 
    $('.tabs a.active').removeClass('active'); 
    $this.addClass('active').blur(); 
    var panel = $this.attr('href'); 
    $(panel).fadeIn(250); 
    return false; 
    }); //end click 
$('.tabs li:first a').click(); 
}); //end ready 
</script> 

Answer 1

시도 :

이

은보기에 다른 섹션을 탭을 생성하고로드하기위한 스크립트입니다

$('.tabs a').click(function(e) { 
    e.preventDefault(); 

Answer 2

사용에서는 event.preventDefault를(); 이 기능을 사용하여 기본 동작을 제한하고 요구 사항에 따라 코드를 작성할 수 있습니다.

$(".tabs a").click(function(event) { 
event.preventDefault(); 
});