jquery - 页面刷新后重新加载最后一个事件选项卡( Bootstrap )

Question

我正在构建一个 MVC 应用程序，在我看来，我使用 Bootstrap 选项卡。现在，我想要的是在刷新页面或从 Controller 重定向到该页面后重新加载最后一个事件选项卡。有关如何以最简单的方式做到这一点的任何帮助吗？ 这是我的代码:

<div id="tabs">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#Stages" data-toggle="tab">Stages</a>
        </li>
        <li>
            <a href="#Activities" data-toggle="tab">Activities</a>
        </li>
        <li>
            <a href="#History" data-toggle="tab">History</a>
        </li>       
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="Stages">                
            @Html.Partial("_Stages", Model.stages)
        </div>
        <div class="tab-pane" id="Activities">
            @Html.Partial("_Activities", Model.activities)
        </div>
        <div class="tab-pane" id="History">
            @Html.Partial("_History", Model.history)
        </div>
    </div>
</div>

Answer 1

1. 尝试在客户端检查 location.href.hash 并相应地操作选项卡选择。

2. 否则您将不得不使用一些导航/历史客户端库，例如 nav.js 或 sammy.js。这可以使用哈希路径在浏览器历史记录堆栈中注册选项卡点击。通过 URL 哈希，您可以操纵选项卡选择

3. 您可以引用Sammy Implementation