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

Question

我有一个饼图。功能是当我选择饼图的特定部分时，它会重定向到带有选定选项卡的下一页。我可以使用以下代码获取该饼图部分的值：

 var search = document.URL.split('?')[1]; 

现在我的战斗是如何根据“搜索”变量的值启用下一页上的特定选项卡。接下来，当用户直接访问此页面时，默认情况下启用第一个选项卡。为此，我使用了代码：

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

我已经尝试了很多方式（如$("ul.tabs li:first").addClass("active").show()或using eq()）但没有成功。请让我知道是否有人可以帮助我。

Answer 1

这应该做的工作：

<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>