Как запустить Jquery по щелчку ActionLink

Question

Как запустить jquery при нажатии MVC ActionLink?У меня есть действие, которое занимает некоторое время.Я хочу показать изображение «обработки», пока оно не вернется.Есть ли лучший способ сделать это?

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 ...
});

Хитрость заключается в том, чтобы дать вашей действующей ссылке идентификатор атрибута HTML, чтобы вы могли использовать его в качестве идентификатора элемента:

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