Question

i have this problem:
i am inserting certain html thru jquery. and in that inserted html i have a class to which i have binded a function. this function isnot beeing called, i have the feeling, the inserted html isnot seen yet by js.

my inserting code.

$(function(){
  $('#einf').on('click', function(){
    $('<tr><td><a class="ame">delete</a></td></td></tr>').insertAfter('#append_tr');
  });
});

you can assume, inserting is working well. and this is my binded function:

$(function(){
  $('.ame').on('click', function(){
     alert('test');
  }); 
});

i tested with already existing element with the same class ame, it is working with that. thanks for help and guidance

Answer 1

You have to run the click bind again on the added element.
Maybe something like this will work:

$('<tr><td><a class="ame">delete</a></td></td></tr>').insertAfter('#append_tr').find('.ame').on('click', function(){
    alert('test');
});