jquery tabs question

Question

문제는 탭이 활성화 될 때마다 탭 링크가 div를 가리키고 페이지가 div의 맨 위로 스크롤되기 때문에 커서가 페이지 상단으로 이동한다는 것입니다. 탭 내용을 읽는 동안 사용자가 조금 아래로 스크롤하면 급격한 효과가 발생합니다.

어쨌든 이것을 방지 할 수 있습니까?

Answer 1

업데이트 된 코드에 맞게! 이 같은

$j('.null_link').live('click', function(e){ 
e.preventDefault(); 
return false; 
}); 

---

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

가정 뭔가 :

가

<ul class="tabs"> 
<li><a href="#" >TAB A</a></li> 
<li><a href="#" >TAB B</a></li> 
<li><a href="#" >TAB C</a></li> 
</ul> 

참고 :

하기이 작업을 수행하여 점프 효과를 방지 할 수 있습니다 :

<li><a href="javascript:;" >TAB A</a></li> 

Answer 2

ui 탭에 기본적으로 해당 동작이 없으므로 다른 문제가 있습니다. 여기에 ui 1.8과 jquery 1.4.2가있는 UI 탭의 구현에서 $ ('# selector') 이외의 호출에 대한 변경 사항이 없습니다. tabs(); http://www.horsezone.com.au/index.php?a=28&b=153

페이지를 실행할 때 자바 스크립트 오류가 발생합니까? 나는 무언가가 스크립트를 멈추고있는 것으로 의심 할 것이다. 따라서 A 엘레멘트에 "return false"가 발생하지 않고 앵커가 발생한다.

이것은 표준 jquery-ui 탭 동작이 아닙니다.

$j("#tabs").tabs(
     { fx: { opacity: 'toggle' }, 
      select: function(e) { e.preventDefault(); return false; } 
    });