重定向到特定选项卡上的网页

Question

我有一个名为 ViewUpdateSchedule.aspx 的网页，其中包含 6 个选项卡。我还有另一个网页，我将用户重定向到 ViewUpdateSchedule.aspx 页面。当我将用户重定向到 ViewUpdateSchedule.aspx 时，我想自动打开 #tabe-15 选项卡。

我能够将用户重定向到 ViewUpdateSchedule.aspx，但我无法自动打开 #tabe-15 选项卡。

这是我的代码：

HTML：

<ul class="nav nav-tabs nav-tabs-info nav-justified">
<li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#tabe-13"><i class="icon-home"></i><span class="hidden-xs">Schedule Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-14"><i class="icon-user"></i><span class="hidden-xs">Software Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-16"><i class="icon-envelope-open"></i><span class="hidden-xs">Contact Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-15"><i class="icon-envelope-open"></i><span class="hidden-xs">Voice (TTS) Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-17"><i class="icon-envelope-open"></i><span class="hidden-xs">Notes</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-18"><i class="icon-envelope-open"></i><span class="hidden-xs">Audit Trail</span></a>
</li>
</ul>

//这是我将用户从一个网页重定向到 ViewUpdateSchedule.aspx 页面并尝试打开 #tabe-15 选项卡的地方

c#

Response.Redirect("ViewUpdateSchedule.aspx" + "#tabe-15");

请帮助我如何重定向用户并自动打开#tabe-15 选项卡。谢谢。

Answer 1

您可能需要invoke the tab select with some scripts。

---

在ViewUpdateSchedule.aspx 页面上

在<script> 标记内，或者更好的是单独的.js 文件：

$(document).ready(function() {
    //... The rest of your code

    // This will give you #tabe-15 (or whatever ID you're sending in from server)
    var tabId = window.location.hash;

    // Select the tab
    $('a[href="' + tabId + '"]').tab('show');
})

或者，您可以注册一个处理程序，该处理程序将通过RegisterClientScriptBlock 进行选择。