jquery tabs, 첫 번째 탭에서 onload 이벤트

Question

이 탭에서 데이터를 검색하기 위해 JQuery 탭 플러그인 및 ajax json mvc를 사용하고 있습니다. 모든 것이 onclick 이벤트에서 잘 작동하지만 페이지가로드되는 즉시 첫 번째 탭 내부에 내용을로드해야합니다. 다음은 프로그래밍 방식으로 첫 번째를 클릭하면 코드

<script> 
$(function() { 
     $("#tabs").tabs(); 
     // how to add onload event for Tab One GetTabData(id); 

     $(".tabLink").click(function (event) { 
      var id = $(this).parent().text();  
      GetTabData(id); 
     }); 
    }); 
</script> 
<div class="demo"> 
    <div id="tabs"> 
     <ul> 
      <li><a href="#tab-1" tabId="1" class="tabLink">Tab One</a></li> 
      <li><a href="#tab-2" tabId="2" class="tabLink">Tab Two</a></li> 
      <li><a href="#tab-3" tabId="3" class="tabLink">Tab three</a></li> 
      <li><a href="#tab-4" tabId="4" class="tabLink">Tab four</a></li> 
     </ul> 
     <div id="tab-1">     
     </div> 
     <div id="tab-2">     
     </div> 
     <div id="tab-3">     
     </div> 
     <div id="tab-4">     
     </div> 
    </div> 
</div> 

Answer 1

입니다 :

$(".tabLink").click(function (event) { 
    var id = $(this).parent().text();  
    GetTabData(id); 
}).eq(0).click(); 

Answer 2

내가 페이지로드하자마자 첫 번째 탭 내에서 내용을로드 할 필요

그런 다음 첫 번째 탭의 내용을에로드하십시오210

$(function(){ 

    ...your code... 

    //execute first 
    GetTabData(1); 
});