Jquery MVC AjaxOption未在正确位置显示微调器？

我试图在加载另一个局部视图时在局部视图的覆盖上显示微调器。但是，它显示了div的申报地点

Index.cshtml _DisplayContactEmail.cshtml 它应该显示在partialview的顶部

可能有什么问题？

LoadingElementId选项设置为元素的id，通常是一个div或span，您希望在Ajax调用发送到服务器期间以及收到响应之前显示该元素。在本例中，您使用的是一个div元素的id，该元素位于页面的部分视图下方。如果希望微调器显示在局部视图的顶部，只需将div移到顶部：

<div id="spinnerdiv" style="display:none;">
    <i class="fa fa-spinner fa-pulse fa-3x"></i>
</div>
<div id="DivEmailContainer" style="display:block" class="row">
    @Html.Partial("_DisplayContactEmail",Model)
</div>

---

您的喷丝头位于局部视图下方。当它不在上面的时候，你怎么能期望它在上面呢？只需将div移到局部视图的顶部，您误解了。我想在我的局部视图上覆盖旋转器。我没有误解。微调器位于div内。因此，它将显示在div所在的位置。就这么简单。但是，如果要在局部视图上显示微调器，则我的答案中的代码不是您想要实现的解决方案。您应该能够使用一些CSS来实现这一点。我不是这方面的专家。

<td class="">
     @Ajax.ActionLink(
           "Edit",
           "GetEditEmail",
           new { CommunicationLocation = commemail.Location },
           new AjaxOptions()
           {
                HttpMethod = "Get",
                UpdateTargetId = "DivEmailContainer",
                InsertionMode = InsertionMode.Replace,
                LoadingElementId = "spinnerdiv"
           },
           new { @class = "linkbutton" })

</td>

<div id="spinnerdiv" style="display:none;">
    <i class="fa fa-spinner fa-pulse fa-3x"></i>
</div>
<div id="DivEmailContainer" style="display:block" class="row">
    @Html.Partial("_DisplayContactEmail",Model)
</div>