ansaurus

Question

jQuery dynamically created table rows not responding to events

Answer 1

+3 A:

If you assign the click event at the beginning the elements created after won't get it.Try with:

$("#container a").live("click", function(){
  ...
});

in this way every time a link is created the event is attached to it (http://docs.jquery.com/Events/live#typefn).

mck89 2009-08-26 10:44:08

After adding this code $('#container td').live("click",function() { alert("coming here"); }); the dynamically appended rows disappear from the html page. Is there something i am missing ?

mithunmo 2009-08-26 12:36:15

Answer 2

+2 A:

As mck89 suggests, the event will not be bound if you run the code before appending the new dom.

You can chain the binding of events or use the live function instead.

$('your html')
   .appendTo('#container')
   .find('a')
   .click(function() {
      alert('You clicked!');
   });

Mickel 2009-08-26 10:54:35

Nice use of find()

Nerdling 2009-08-26 11:24:27

ansaurus

tags:

views:

answers:

jQuery dynamically created table rows not responding to events

related questions