JQuery와 UI를 사용자 지정 탭

Question

나는 그렇게 같은 세 가지 아약스 탭이

JQuery와 UI 탭을 사용하고 있습니다 .

다음 코드를 시도했습니다. 페이지가로드 .... linktopage2.jsp 코드가 화면에 그러나 실행시

<script type="text/javascript"> 
    $(document).ready(function(){ 
    var $tabs = $('#tabs').tabs(); 
    $tabs.tabs('select', 1); 
    }); 
</script> 

이제 여전히 첫 번째 탭을 선택하면 화면이 비어 있습니다. 데이터를 표시하기 위해 명시 적으로 두 번째 탭을 클릭해야합니다.

무엇이 잘못 되었습니까? 아니면 다른 것이 있습니까?

Answer 1

doc에서 'selected'속성을 사용하십시오.

$('#tabs').tabs({ selected: 2 });