jquery選項卡，第一個選項卡上的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

我需要儘快加載內容第一個選項卡內爲頁面加載

然後加載第一個標籤的內容$(document).ready()

$(function(){ 

    ...your code... 

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