Php DataTables分页第2页未调用放大弹出窗口

所以我有一个启用分页的数据表，我编码了一种方式，用户可以编辑一个表的行，当用户调用在放大弹出窗口中打开的编辑页面时，它在第1页上运行良好，从数据表的第2页开始，它停止调用放大弹出窗口，我只是不知道为什么

带有在放大弹出窗口内打开的表单的edit.php具有以下div：

<div id="ajax-content" class="example-popup">

在我的索引中，我有以下功能：

$('.popup-ajax').magnificPopup({
   type: 'ajax',
   showCloseBtn: 'true',
   modal: 'true',
});

echo '<td><a href="http://localhost/teste/include/edit.php?id=' . $row['id'] . '" class="popup-ajax">Editar</a></td>';

并通过此链接调用函数：

$('.popup-ajax').magnificPopup({
   type: 'ajax',
   showCloseBtn: 'true',
   modal: 'true',
});

echo '<td><a href="http://localhost/teste/include/edit.php?id=' . $row['id'] . '" class="popup-ajax">Editar</a></td>';

这个过程是一个类调用函数，然后在放大弹出窗口中打开编辑页面的链接

有什么帮助吗？

原因 DOM中只有第一页元素可用，这就是为什么jQuery选择器$'.popup ajax'不会选择除第一页之外的其他页面中的元素

解决方案 您需要在由选项定义的回调中初始化放大弹出窗口。每次重新绘制表时都会调用此函数

例如：

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

链接

---

有关更多示例和详细信息，请参见。

DANG！它工作，嗯，有点，它搞乱了我的数据表初始化，它没有正确地排序，看看我的两个初始化：@FernandoGross，你初始化了你的表两次。当DOM准备就绪时，初始化您的表一次。您是上帝，谢谢！以下是正确初始化的代码：