jQuery选项卡脚本默认加载选项卡 - Loading tab by default in jQuery tab script

Loading tab by default in jQuery tab script

本文关键字：选项加载默认脚本 jQuery | 更新日期: 2023-09-27

我有一个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>

触发你想加载的选项卡的点击事件:例如。

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