DataTables pagina 2 dell'impaginazione che non chiama Magnific Popup

CAUSA

Solo gli elementi della prima pagina sono disponibili in DOM, ecco perché il tuo selettore jQuery $('.popup-ajax') non seleziona elementi da pagine diverse dalla prima.

SOLUZIONE

Devi inizializzare Magnific Popup all'interno del callback definito da drawCallback opzione. Questa funzione verrà richiamata ogni volta che la tabella viene ridisegnata.

Ad esempio:

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

LINK

Vedi jQuery DataTables:Il controllo personalizzato non funziona sulla seconda pagina e dopo per ulteriori esempi e dettagli.