DataTables pagina 2 van paginering roept Magnific Popup niet op

OORZAAK

Alleen eerste pagina-elementen zijn beschikbaar in DOM, daarom is uw jQuery-selector $('.popup-ajax') selecteert geen elementen van andere pagina's dan eerst.

OPLOSSING

U moet Magnific Popup initialiseren binnen callback gedefinieerd door drawCallback optie. Deze functie wordt elke keer aangeroepen als de tabel opnieuw is getekend.

Bijvoorbeeld:

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

LINKS

Zie jQuery DataTables:Aangepast beheer werkt niet op de tweede pagina en daarna voor meer voorbeelden en details.