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

jquery选项卡，第一个选项卡上的onload事件

2 个答案: