デフォルトでは、jQueryタブスクリプトでタブを読み込みます。

Question

リンクで定義されたPHPファイルからコンテンツを取得し、div要素に解析するjQueryタブスクリプトがあります。ユーザーがタブを選択すると、太字になります。しかし、現在、スクリプトがロードされると、タブはデフォルトでは選択されません。私の質問は、どのように私は特定のタブを読み込むことができます、それはデフォルトでは、コンテンツは、そのタブが現在のコードで選択されていることを示していますか？

これは私の現在のjQueryのコードです：

<ul> 
<li><a id="tab1" href="javascript:void(null);">Tab1</a></li> 
<li><a id="tab2" href="javascript:void(null);">Tab2</a></li> 
<li><a id="tab3" href="javascript:void(null);">Tab3</a></li> 
</ul> 

Answer 1

トリガーロードしたいタブのクリックイベント： 例えば

function load(url){ 
    $.ajax({ 
     url:url, 
     success:function(message){ 
      $("#content").html(message); 
     } 
    }); 
} 

$(document).ready(function(){ 
    $("[id]").click(function(){ 
     type=$(this).attr("id"); 
     url=""+type+".php"; 
     $("[id]").removeClass("selected"); 
     $("#"+type).addClass("selected"); 
     load(url); 
     return false; 
    }); 
}); 

これは私のHTMLコードです -

$(document).ready(function(){ 
    $("[id]").click(function(){ 
     type=$(this).attr("id"); 
     url=""+type+".php"; 
     $("[id]").removeClass("selected"); 
     $("#"+type).addClass("selected"); 
     load(url); 
     return false; 
    }); 
    //load default tab 
    $("#tab1").click(); 
});