colorbox is not opening on second page of datatable

jain12swati

I am using data table on my web page and displaying a list of records. I am displaying 20 rows per page. Infront of each record there an EDIT button and when edit is clicked Colorbox popup opens with the form and I can edit the record.

Till here it's fine.

But if I move from page 1 to 2,3,4 so on and then I click on EDIT button to edit any record colorbox is not working the edit form opens in new tab.

I heard it has something to do with jquery delegate... I am not an expert.

Any help in this regards will be highly appreciated.

kthorngren

See the second FAQ here:
https://datatables.net/faqs/index#Most-common-FAQs

This example from @gyrocode might be helpful:
https://www.gyrocode.com/articles/jquery-datatables-why-click-event-handler-does-not-work/

And maybe this tutorial:
https://learn.jquery.com/events/event-delegation/

Kevin