0

これらのタブ内のデータを取得するために、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>
4

2 に答える 2

2

プログラムで最初のものをクリックできます。

$(".tabLink").click(function (event) {
  var id = $(this).parent().text();    
  GetTabData(id); 
}).eq(0).click();
于 2012-07-23T04:46:40.563 に答える
1

ページが読み込まれるとすぐに、最初のタブ内にコンテンツを読み込む必要があります

次に、最初のタブのコンテンツをロードします$(document).ready()

$(function(){

    ...your code...

    //execute first
    GetTabData(1); 
});
于 2012-07-23T04:47:27.270 に答える