DataTables trang 2 của phân trang không gọi Magnific Popup

NGUYÊN NHÂN

Chỉ các phần tử trang đầu tiên có sẵn trong DOM, đó là lý do tại sao bộ chọn jQuery của bạn $('.popup-ajax') không chọn các phần tử từ các trang khác với trang đầu tiên.

GIẢI PHÁP

Bạn cần khởi chạy Magnific Popup bên trong callback được xác định bởi drawCallback quyền mua. Hàm này sẽ được gọi mỗi khi bảng được vẽ lại.

Ví dụ:

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

LIÊN KẾT

Xem jQuery DataTables:Kiểm soát tùy chỉnh không hoạt động trên trang thứ hai và sau đó để biết thêm ví dụ và chi tiết.