DataTables страница 2 от пагинация не извиква Magnific Popup

ПРИЧИНА

Само елементите на първата страница са налични в DOM, ето защо вашият jQuery селектор $('.popup-ajax') не избира елементи от страници, различни от първите.

РЕШЕНИЕ

Трябва да инициализирате Magnific Popup вътре в обратното извикване, дефинирано от drawCallback опция. Тази функция ще се извиква всеки път, когато таблицата бъде преначертана.

Например:

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

ВРЪЗКИ

Вижте jQuery DataTables:Персонализираният контрол не работи на втора страница и след за повече примери и подробности.