link event after filtering datatables

rodblochon

Hi everyone

I have datatabled my table with the filter input and a pagination in the DOM.
On each row, I have a button with a particular #id that I can click to throw an ajax call (depending on this #id).
but this only works on the row of the first page.

If my row is not on the first page either when I change the page or I use the filter input, the ajax call is not launched.
I bind the click on the button with :
$('#theButton').on('click',function(){
console.log($(this).attr('id');
});

As I said, it works only with the first-page results...

I don't understand why while I looked for fixing the problem on forums (this forum, github and so on...)
I'm not an expert developper, I do that for fun but right now my app is not working well

thank you all for your help!
rod

allan

Hi Rod,

Most likely you need to use a delegated event, as shown in this example.

I assume your button id is unique on every row? Each id must be unique in an HTML page.

Allan

rodblochon

thank you Allan.
with the keywords "delegated events" and the example you gave, now it works nicely !!