javascript - 有没有更好的方法来做jQuery Tabs？

以下是我用于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>

最佳答案

看来您自己解决了该问题，但我也会提供替代方法。

您还可以在文档末尾添加一个对要调用的选项卡的新click函数的调用。ready（）：

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