Question

伙计我现在正在堆栈和不安因为我无法让它工作......我有一个运行良好的MVC应用程序。只有我有一个带有子选项卡的多个主选项卡的查看页面（见图片）。我的问题是：是否可以使用JS在子选项卡之间切换？如果是，那怎么样？我尝试过以下操作，但只有在发送操作后才切换主选项卡而不是子选项卡。

我尝试了以下JS：

function Edit(url) {
    $.ajax({
        type: 'GET',
        url: url,
        success: function (response) {
            $("#userSubSecondTab").html(response);
            $('ul.nav.nav-tabs a:eq(1)').html('Edit User Record'); 
            $('ul.nav.nav-tabs a:eq(1)').tab('show'); 
        }
    });
}

主页面浏览次数：

<ul class="nav nav-tabs">
    <li><a data-toggle="tab" href="#tab1">Main tab 1</a></li>
    <li class="active"><a data-toggle="tab" href="#tab2">Main tab 2</a></li>
    <li><a data-toggle="tab" href="#tab3">Main Tab 3 </a></li>
    <li><a data-toggle="tab" href="#tab4">Main Tab 4</a></li>
</ul>
<div class="tab-content">
    <div id="tab1" class="tab-pane fade in">@Html.Action("ViewMain1")</div>
    <div id="tab2" class="tab-pane in active">@Html.Action("ViewMain2")</div>
    <div id="tab3" class="tab-pane fade in">@Html.Action("ViewMain3")</div>
    <div id="tab4" class="tab-pane fade in">@Html.Action("ViewMain4")</div>
</div>

现在Sub标签视图

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="fa fa-users"></i> List of Users</h3>
            </div>
            <div class="panel-body">
                <ul class="nav nav-tabs" id="myTab">
                    <li class="active"><a data-toggle="tab" href="#userSubFirstTab">View All Users</a></li>
                    <li><a data-toggle="tab" href="#userSubSecondTab">Add New </a></li>
                </ul>
                <div class="tab-content">
                    <div id="userSubFirstTab" class="tab-pane fade in active">@Html.Action("ViewUsers")</div>
                    <div id="userSubSecondTab" class="tab-pane fade in">@Html.Action("AddOrEditUser")</div>
                </div>
                <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />

            </div>
        </div>
    </div>
</div>

真的我不知道我做错了什么？我的问题是，当JS切换视图时，它是从主选项卡视图而不是子选项卡视图（添加用户和查看用户）的更改

如果点击“编辑”按钮，JS如何重定向或切换子视图？我希望视图在“添加新视图用户”选项卡之间切换，而不是从“主选项卡视图”切换。我想这可能是关于JS的事情，但我不知道该怎么做。

请大家欢迎大家回答！

如何使用JS在子视图页面之间切换

0 个答案: