Javascript 如何在第二次html页面加载中基于上一页激活特定选项卡

Javascript 如何在第二次html页面加载中基于上一页激活特定选项卡,javascript,jquery,html,Javascript,Jquery,Html,我有一张饼图。功能是当我选择饼图的一个特定部分时,它会重定向到下一个带有所选选项卡的页面。通过使用以下代码,我能够获得饼图部分的值: var search = document.URL.split('?')[1]; 现在我的任务是如何根据“search”变量的值启用下一页的特定选项卡。 接下来,当用户直接访问此页面时,默认情况下第一个选项卡处于启用状态。为此,我使用了以下代码: <div class="tab-pane in active" id="tab1"> 我尝试过

我有一张饼图。功能是当我选择饼图的一个特定部分时,它会重定向到下一个带有所选选项卡的页面。通过使用以下代码,我能够获得饼图部分的值:

 var search = document.URL.split('?')[1]; 
现在我的任务是如何根据“search”变量的值启用下一页的特定选项卡。 接下来,当用户直接访问此页面时,默认情况下第一个选项卡处于启用状态。为此,我使用了以下代码:

<div class="tab-pane in active" id="tab1">


我尝试过很多方法(比如
$(“ul.tabs li:first”).addClass(“active”).show()
使用eq()
),但都没有成功。如果有人能帮我,请告诉我。

这应该可以完成这项工作:

<script>
    $(function() {
        $("#tabs").tabs();

        var search = document.URL.split('?')[1];
        switch (search) {
            case "error":
                $("#tab1 > a").click();
                break;
            case "suspect":
                $("#tab2 > a").click();
                break;
        }
    });
</script>

<div id="tabs">
    <ul class="nav nav-tabs" id="myTab">
        <li id="tab1" class="active"><a href="#error"data-toggle="tab"> Error</a></li>
        <li id="tab2"><a href="#suspect" data-toggle="tab" >Suspect </a></li>
    </ul>
    <div class="tab-pane in active" id="error">
        Error
    </div>
    <div class="tab-pane" id="suspect">
        Suspect
    </div>
</div>

$(函数(){
$(“#制表符”).tabs();
var search=document.URL.split(“?”)[1];
开关(搜索){
案例“错误”:
$(“#表1>a”)。单击();
打破
“嫌疑犯”一案:
$(“#选项卡2>a”)。单击();
打破
}
});
错误 犯罪嫌疑人
你可以发布一个HTML/JS示例来说明选项卡的定义吗?我在原始帖子中的意思是:)另外一个合适的选项卡也可能有用。@Thierry J:这里我定义了选项卡:
。。。您正在使用jquery ui tabs小部件吗?我将click()替换为show(),因为我想在页面加载时启用所选的选项卡。另外,我在页面加载时调用这个JS(例如)。但它不起作用。可能是我遗漏了什么。我之所以使用
单击
,是因为选项卡小部件在
单击
事件上添加了一个事件处理程序,它除了执行
.show()
之外,还执行许多其他操作。试试点击,看看效果如何。也在
$(function(){…})中调用它在页面加载后立即运行代码,它将函数设置为文档上事件
ready
的处理程序。谢谢。现在它工作正常,但我不得不删除这行代码$(“#tabs”).tabs()。非常感谢你。