DataTables Seite 2 der Paginierung ruft Magnific Popup nicht auf

URSACHE

In DOM sind nur Elemente der ersten Seite verfügbar, deshalb ist Ihr jQuery-Selektor $('.popup-ajax') wählt keine Elemente von anderen Seiten als der ersten aus.

LÖSUNG

Sie müssen Magnific Popup innerhalb des Callbacks initialisieren, der durch drawCallback definiert wird Möglichkeit. Diese Funktion wird jedes Mal aufgerufen, wenn die Tabelle neu gezeichnet wurde.

Zum Beispiel:

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

LINKS

Siehe jQuery DataTables:Benutzerdefinierte Steuerung funktioniert nicht auf der zweiten Seite und danach für weitere Beispiele und Details.