有沒有更好的方式來做jquery製表符？

Question

下面是我用於我的AJAX選項卡的jQuery代碼

有沒有更好的方法可以在瀏覽器中更快，我不在乎花哨的轉換。

<script type="text/javascript"> 
var pageUrl = new Array();   
pageUrl[1] = "HOMEbulletin.inc.php"; 
pageUrl[2] = "HOMEfriendstatus.inc.php"; 
pageUrl[3] = "HOMEbulletin.inc.php"; 

function loadTab(id){ 
    if (pageUrl[id].length > 0){ 
     $("#loading").show(); 
     $.ajax({url: pageUrl[id], cache: false, success: function(message) {        
      $("#tabcontent").empty().append(message); 
      $("#loading").hide();    
     } 
    });     
} 
} 

$(document).ready(function(){ 
    $("#loading").hide(); 
    $("#tab1").click(function(){ 
     loadTab(1); 
     $('div.tabs2 ul.HOMEtabs a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

    $("#tab2").click(function(){ 
     loadTab(2); 
     $('div.tabs2 ul.HOMEtabs a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

    $("#tab3").click(function(){ 
     loadTab(3); 
     $('div.tabs2 ul.HOMEtabs a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    }); 
</script> 

Answer 1

雖然看起來你自己解決了，但我也會提供一個替代方案。

你可以有還添加了調用你想要在你的document.ready（）的最後調用標籤的新的點擊功能：

$("#tab1").click(); 

Answer 2

你檢查出JQueryUI's Tabs？他們非常出色。沒有必要重新發明輪子。它還增加了對一些簡潔功能的支持，例如使用cookie來保存用戶最後一次使用的選項卡。

如果你擔心文件大小，你可以抓住只有你所需要的組件，或者：

You can use Google's hosted copies of both JQuery and JQueryUI, it uses their entire network, and is extremely fast.

3 Reasons to let Google host for you - Encosia.com