MagnificPopupを呼び出さないページネーションのDataTablesページ2

原因

DOMで使用できるのは最初のページ要素のみであるため、jQueryセレクター$('.popup-ajax') 最初以外のページから要素を選択しません。

解決策

drawCallbackで定義されたコールバック内でMagnificPopupを初期化する必要があります オプション。この関数は、テーブルが再描画されるたびに呼び出されます。

例：

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

リンク

jQueryDataTablesを参照してください。カスタムコントロールは2ページ目以降では機能しません その他の例と詳細については。