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); 
});