CAUSA
Apenas os elementos da primeira página estão disponíveis no DOM, é por isso que seu seletor jQuery
$('.popup-ajax') não seleciona elementos de páginas diferentes do primeiro. SOLUÇÃO
Você precisa inicializar o Magnific Popup dentro do callback definido por
drawCallback
opção. Esta função será chamada toda vez que a tabela for redesenhada. Por exemplo:
var table = $('#example').DataTable({
// ... skipped ...
drawCallback: function(){
$('.popup-ajax').magnificPopup({
type: 'ajax',
showCloseBtn: 'true',
modal: 'true'
});
}
});
LINKS
Consulte jQuery DataTables:O controle personalizado não funciona na segunda página e depois para mais exemplos e detalhes.
