首页 文章

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

提问于
浏览
0

我有一个名为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选项卡 . 谢谢 .

1 回答

  • 0

    你可能需要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进行选择 .

相关问题