如何在单击 ActionLink 时运行 Jquery

Question

单击 MVC ActionLink 时如何运行 jquery？我有一个需要一些时间的行动。我想显示一个“正在处理”的图像，直到它返回。有更好的方法吗？

Answer 1

给actionlink一个类：

@Html.ActionLink("","", new { @class:"delete" })

然后你可以将你的jQuery连接到js文件中的类名：

$(document).ready(function() {
  $('.delete').click(function() {
    ///Code
  });
});

你也可以使用id。

Answer 2

您还可以使用 @Ajax.ActionLink 而无需 jQuery 脚本。
例如，您可以在加载页面时显示 div。

<div>
@Ajax.ActionLink("Link name", "Action", "Controller", new AjaxOptions { LoadingElementId = "loadingId", UpdateTargetId = "MyDataTable" })
</div>

<div id="loadingId" style="display:none; color:Red; font-weight: bold">
<p>Please wait...</p>
</div>

<div id = "MyData" class="tablediv">
    <table id = "MyDataTable" class="Grid">
        <tbody id="chartdata">
        </tbody>
    </table>
</div>

Answer 3

$('#element-id').live('click', function(e) {
   //do stuff here ...
});

诀窍是为您的操作链接提供 ID HTML 属性，以便您可以将其用作元素 id：

$('#html-attribute-id').live('click', function(e) {
   //do stuff here ...
});