DataTables halaman 2 dari pagination tidak memanggil Magnific Popup

PENYEBAB

Hanya elemen halaman pertama yang tersedia di DOM, itulah sebabnya pemilih jQuery Anda $('.popup-ajax') tidak memilih elemen dari halaman selain yang pertama.

SOLUSI

Anda perlu menginisialisasi Magnific Popup di dalam callback yang ditentukan oleh drawCallback pilihan. Fungsi ini akan dipanggil setiap kali tabel digambar ulang.

Misalnya:

var table = $('#example').DataTable({
   // ... skipped ...
   drawCallback: function(){
      $('.popup-ajax').magnificPopup({
         type: 'ajax',
         showCloseBtn: 'true',
         modal: 'true'
      });
   }
});

LINK

Lihat Tabel Data jQuery:Kontrol kustom tidak berfungsi pada halaman kedua dan setelahnya untuk lebih banyak contoh dan detail.