CAUSA
Solo los elementos de la primera página están disponibles en DOM, es por eso que su selector jQuery $('.popup-ajax')
no selecciona elementos de páginas que no sean la primera.
SOLUCIÓN
Debe inicializar Magnific Popup dentro de la devolución de llamada definida por drawCallback
opción. Esta función se llamará cada vez que se vuelva a dibujar la tabla.
Por ejemplo:
var table = $('#example').DataTable({
// ... skipped ...
drawCallback: function(){
$('.popup-ajax').magnificPopup({
type: 'ajax',
showCloseBtn: 'true',
modal: 'true'
});
}
});
ENLACES
Ver jQuery DataTables:El control personalizado no funciona en la segunda página y después para más ejemplos y detalles.