Question

I made a jquery code like :

$('button').click(function(event) {

});

In it; I put $.post and sent data to a php file and return table rows. In every rows, there is an ‘add’ button.

Then I made another jquery code for these buttons like :

$('.row_button').click(function(event) {

});  

Again, I put $.post and tried to send data about that row and wanted to fetch information via ajax request. But it didn’t work. Nothing happend. I looked code and there is no error.

Isn’t it possible to use ajax within another ajax? Or is there another way? Thank you.

Answer 1

That is because those newly injected elements don’t know about the click event binding you already have.

Solution : use jquery on function.

Change

$('.row_button').click(function(event) {

});

to

$(document).on("click",".row_button'",function(event) {

});

jQuery on works for current and future elements (newly injected elements via ajax/dynamically adding new elements using javascript) . It is available from jQuery 1.7+ version. If you are using an earlier version of jQuery, consider using jquery live
(As of jQuery 1.7, the .live() method is deprecated)