默認情況下在jQuery選項卡腳本中加載選項卡

Question

我有一個jQuery選項卡腳本，它從鏈接定義的PHP文件獲取內容並將其解析爲div元素。當用戶選擇一個標籤時，它會變成粗體。但是，當前腳本加載完成後，默認情況下未選中選項卡。我的問題是，我怎樣才能加載一個特定的選項卡，它的內容默認情況下，並顯示該選項卡與我目前的代碼選擇？

這是我目前的jQuery代碼：

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代碼：

<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

觸發要加載的標籤的單擊事件： 例如 -

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