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

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进行选择。