DataTables strona 2 paginacji nie wywołuje Magnific Popup

PRZYCZYNA

Tylko elementy pierwszej strony są dostępne w DOM, dlatego Twój selektor jQuery $('.popup-ajax') nie wybiera elementów ze stron innych niż pierwsza.

ROZWIĄZANIE

Musisz zainicjować Magnific Popup w wywołaniu zwrotnym zdefiniowanym przez drawCallback opcja. Ta funkcja będzie wywoływana za każdym razem, gdy tabela zostanie przerysowana.

Na przykład:

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

LINKI

Zobacz Tabele danych jQuery:Kontrola niestandardowa nie działa na drugiej stronie i po więcej przykładów i szczegółów.