jquery - MVC AjaxOption 没有在正确的位置显示微调器？

Question

我试图在加载另一个局部 View 时在局部 View 的叠加层上显示微调器。但是，它显示了声明 div 的位置。

索引.cshtml

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

_DisplayContactEmail.cshtml

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

它应该显示在局部 View 之上。

有什么问题吗？

Answer 1

LoadingElementId 选项设置为要在 Ajax 调用发送到服务器期间显示的元素(通常是 div 或 span)的 ID，直到响应为止收到。在您的情况下，您使用的是 div 元素的 id，该元素位于页面的局部 View 下方。如果您希望微调器显示在局部 View 的顶部，只需将 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>