Jquery 页面在引导选项卡之间切换时闪烁

我已经制作了一个选项卡的局部视图，单击它，相应的页面/视图将被呈现，并在每个视图中呈现该局部视图。下面是我的部分视图

<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>

在ClassSchedule视图中，我将选项卡部分视图呈现为这样

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

@{
RenderPartial（“~/ViewsBackend/class/_classtab.cshtml”）；
}
//我的课程表视图及其内容

我还设置了ActiveTabfromJavaScript函数，它包含在所有视图中。此外，我们希望在每个选项卡加载上有单独的url，这就是为什么我们不使用AJAX调用的原因

---

那么，如何解决/停止切换选项卡时页面闪烁的问题

我对asp.net一无所知。当您单击HTML选项卡时，您的代码是否对HTML选项卡内容发出HTTP请求？@bassxzero是的，这就是Url。操作是，它从控制器（服务器端）获取数据并发送回页面。然后它只是听起来闪烁是从浏览器获取数据然后将其添加到DOM并呈现数据时开始的。验证是否可以在页面加载时而不是在单击选项卡时获取选项卡内容。我正在执行相同的操作，选项卡位于不同的页面中，并且选项卡内容是不同的页面。所以，点击tab，页面url就会被调用并返回数据，这正是我所说的问题所在。事件：单击选项卡->显示空白/白色选项卡内容->向服务器发送Ajax HTTP请求以获取内容->等待服务器返回内容->接收选项卡内容->将选项卡内容插入DOM->浏览器呈现刷新，其中显示选项卡内容。如果此事件日志是正确的，那么闪烁来自于显示空白标签和标签刷新呈现之间的延迟。

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