ASP.NET MVC 2 Jquery event not fired

Question

i'm building a view for editing a variable length list using this http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/ solution.
Here's my ActionLink:

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

And here's my javascript code:

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

The problem is that click event is not fired, so i'm getting not the ajaxly updated view, but an empty page with my partial view, gotten from the AddReceiver action.
Any suggestions, guys?

David Glenn · Accepted Answer · 2011-04-22 11:39:41Z

2

It sounds like your browser is following the link immediately after executing the click function and thus overriding your script. Try using the preventDefault() method of the event.

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

answered Apr 22, 2011 at 11:39

David Glenn

24.6k19 gold badges76 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jason · Accepted Answer · 2011-04-22 11:49:51Z

0

Is the click handler function defined in the $(document).ready (...) Function?

answered Apr 22, 2011 at 11:49

Jason

15.9k3 gold badges51 silver badges73 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 2 Jquery event not fired

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related