Событие ASP.NET MVC 2 Jquery не сработало

Question

Я создаю представление для редактирования списка переменной длины, используя это решение http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/.
Вот мой ActionLink:

 <%= Html.ActionLink("Add another...", "AddReceiver", null, new { id = "addItem" })%>

А вот мой код JavaScript:

$("#addItem").click(function () {
$.ajax({
    url: this.href,
    cache: false,
    success: function (html) { $("#editorRows").append(html); }
});
return false;});

Проблема в том, что событие click не вызывается, поэтому я получаю не обновленное представление ajaxly, а пустую страницу с моим частичным представлением, полученную из действия AddReceiver.
Любые предложения, ребята?

Answer 1

Похоже, ваш браузер сразу после ссылки * выполняет ссылку click и переопределяет ваш скрипт. Попробуйте использовать метод события protectDefault () .

$("#addItem").click(function (event) {
  event.preventDefault();
  $.ajax({
    url: this.href,
    cache: false,
    success: function (html) { $("#editorRows").append(html); }
  });
  return false;
});

Answer 2

Определяется ли функция обработчика кликов в функции $ (document) .ready (...)?