有没有更好的方式来做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