Javascript MVC局部视图在引导3选项卡上渲染更改

我正在mvc视图中使用引导3个选项卡。我想在选项卡更改时渲染另一个局部视图。这是选项卡的代码

<ul class="nav nav-tabs">
<li class="active" id="studentList">
    <a href="#tab_1_1" data-toggle="tab" aria-expanded="true">
        Student List </a>
</li>
<li class="" id="studentAddEdit">
    <a href="#tab_1_2" data-toggle="tab" aria-expanded="false">
        Student Add/Edit </a>
</li>

@动作（“学生列表”、“学生”）


@Action（“StudentAddEdit”，“Student”，新的{id=Model.StudentId}）

---

它在视图加载时呈现

studentAddEdit

视图。当用户更改选项卡并选择

studentAddEdit

选项卡时，我想再次呈现

studentAddEdit

视图。有什么解决办法吗？我目前正在使用jquery进行此操作，但没有成功。

首先，您的html中有一些细微的变化，例如向锚定标记添加

类，并向锚定标记添加额外的
数据-*
属性，您可以通过jquery呈现局部视图，如下所示：

<ul class="nav nav-tabs">
<li class="active" id="studentList">
    <a href="#tab_1_1" class="tbs" data-info="stdlist" data-toggle="tab" aria-expanded="true">
        Student List </a>
</li>
<li class="" id="studentAddEdit">
    <a href="#tab_1_2" data-toggle="tab" class="tbs" data-info="stdaddedit" aria-expanded="false">
        Student Add/Edit </a>
</li>
</ul>

你是如何处理jquery的？你能展示一些代码吗？@dariogriffo我只是在tab上更改模型id单击我也使用tab change事件，但还没有完成。你能给我推荐一些代码片段来解决这个问题吗。我想知道如何为“添加编辑”选项卡渲染相同的视图。
<ul class="nav nav-tabs">
<li class="active" id="studentList">
    <a href="#tab_1_1" class="tbs" data-info="stdlist" data-toggle="tab" aria-expanded="true">
        Student List </a>
</li>
<li class="" id="studentAddEdit">
    <a href="#tab_1_2" data-toggle="tab" class="tbs" data-info="stdaddedit" aria-expanded="false">
        Student Add/Edit </a>
</li>
</ul>

$('.tbs').on('click',function(){
     var info=$(this).data('info');
     switch(info)
     {
          case 'stdlist':$('#tab_1_1 p').load('/Student/StudentList'); //Controller method which returns partial view
                         break;
          case 'stdaddedit':$('#tab_1_2 p').load('/Student/StudentAddEdit');//Controller method which returns partial view
                         break;
          //Add cases if you want
          default:break;
     }
});