在引导标签

Question

我已经对标签进行了局部视图并点击它，各个页面/视图将在每个视图中呈现并呈现此局部视图。以下是我的标签部分视图

<div id="divClass">
    <ul id="classTab" class="nav nav-tabs bordered">
        <li class="active" id="Classlistli">
            <a href="@Url.Action("ClassList", "Class")" data-toggle="tab"><i class="fa fa-fw fa-lg fa-list"></i>Class List</a>
        </li>
        <li id="Classdetails">
            <a href="@Url.Action("ClassDetails", "Class")" data-toggle="tab"><i class="fa fa-fw fa-lg fa-file"></i>Class Details</a>
        </li>
        <li id="ClassSchedule">
            <a href="@Url.Action("ClassSchedule", "Class")" data-toggle="tab"><i class="fa fa-fw fa-lg fa-calendar "></i>Class Schedule</a>
        </li>
        <li id="ClassQnA">
            <a href="@Url.Action("ClassQnA", "Class")" data-toggle="tab"><i class="fa fa-fw fa-lg fa-comments-o"></i>Class QnA</a>
        </li>
        <li id="instApprove">
            <a href="@Url.Action("InstructorReview", "Class")" data-toggle="tab" aria-expanded="false"><i class="fa fa-fw fa-lg fa-star-half-o"></i>Instructor Review</a>
        </li>
        <li id="classTrainne">
            <a href="@Url.Action("ClassTrainee", "Class")" data-toggle="tab"><i class="fa fa-fw fa-lg fa-users"></i> Class Trainee</a>
        </li>
       </ul>
</div>

下面是我的标签看起来的截图

以下是在标签之间切换时发生的屏幕截图

并且正确渲染/显示此选定的选项卡后，像这样

我的问题是每当我在标签之间切换时，一段时间整个页面变空白，然后呈现相应的标签。

我们说我正在从课程详情＆＃39;中切换标签。到＆＃39; 班级时间表＆＃39;，我在控制器中写了以下内容

Public ActionResult ClassSchedule()
{
  Return View();
}

在ClassSchedule视图中，我已经像这样呈现了Tabs局部视图，

<div id='divResult'>
  @{
      Html.RenderPartial("~/ViewsBackend/class/_classtab.cshtml");
   }
</div>
<div>
// my class schedule view and its content
</div>

我还从javascript函数设置了活动选项卡，它包含在所有视图中。此外，我们希望每个标签加载单独的URL，这就是我们不使用AJAX调用的原因。

那么，如何在切换标签时解决/停止页面闪烁？