javascript - 如何启用和禁用 Ajax.Actionlink

Question

我的 asp.net mvc razor View 中有以下内容:-

<div id="link">
@Ajax.ActionLink("Sync With IT360 >>", "Sync","TechnologyAudit", 
    new AjaxOptions {
 InsertionMode = InsertionMode.Replace,
 UpdateTargetId = "result"  ,
 LoadingElementId = "progress",
 HttpMethod="POST",
 OnBegin="disablelink",
 OnSuccess="enablelink"
}
)
   </div> 
    <p><img src="~/Content/Ajax-loader-bar.gif" class="loadingimage" id="progress" /></p>
<div id="result"></div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
    function disablelink() {
        $("link").attr("disabled", "disabled");
    };
    function enablelink() {
        $("link").removeAttr("disabled");
    };
</script>
}

我试图在单击 Ajax.Actinolink 后禁用它(以避免不必要的重复请求)，然后在调用完成后重新启用它。以上不起作用，链接不会被禁用？任何人都可以建议吗？谢谢

Answer 1

隐藏链接，显示加载图像。完成后，显示链接。

@Ajax.ActionLink("Sync With IT360 >>", "Sync","TechnologyAudit", 
    new AjaxOptions {
      OnBegin = "$(this).hide()",
      OnComplete = "$(this).show()",
      LoadingElementId = "imgLoading"
 })