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

2024-05-23

所以我有这个启用分页的数据表,我编码了一种方式,以便用户可以编辑表的行,当用户调用它在放大弹出窗口中打开的编辑页面时,它在第 1 页,从第 2 页起都运行良好。 DataTable 及其前面停止调用 Magnific Popup,我只是不明白为什么......

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

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

以及以下 CSS:

position: relative;
background: #FFF;
padding: 10px;
width: auto;
max-width: 750px;
margin: 20px auto;
color: #999;
font-weight: bold;

在我的索引中我有这个功能:

$('.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>';

该过程是 Link 类调用该函数,然后在 Magnific Popup 内打开编辑页面。

有什么帮助吗?


CAUSE

DOM 中只有首页元素可用,这就是 jQuery 选择器的原因$('.popup-ajax')不从除第一个页面之外的页面中选择元素。

SOLUTION

您需要在回调中初始化 Magnific Popup 定义的drawCallback https://datatables.net/reference/option/drawCallback选项。每次重绘表格时都会调用此函数。

例如:

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

LINKS

See jQuery DataTables:自定义控件在第二页及之后不起作用 https://www.gyrocode.com/articles/jquery-datatables-custom-control-does-not-work-on-second-page/了解更多示例和详细信息。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

DataTables 第 2 页的分页未调用放大弹出窗口 的相关文章

随机推荐

  • ‘!’ 对于 R 中的因子没有意义

    我需要从数据框中排除变量 PABI 所以 我按如下方式进行子集化 MyData4 lt subset MyData PROV PABI newdata lt MyData MyData4 但我得到了这个错误 Error in FUN lef
  • 在php中获取大于2GB的文件大小的最佳方法?

    我想检查本地驱动器上的文件大小windows OS 但是PHP原生函数filesize 仅当文件大小小于时才有效2GB 大于的文件2GB将返回错误的数字 那么 是否有其他方法来获取大于的文件大小2GB 非常感谢 您始终可以使用系统的文件大小
  • C 将标准输出恢复到终端

    我正在使用多线程程序 首先 我将标准输出重定向到某个文件 没问题 我用过dup2 fd 1 where fd是文件的文件描述符 之后 我需要再次将标准输出重定向到终端 我的第一个方法 Declaration fpost t stream s
  • 获取文件的锁

    我想在对特定文件开始 threo read 时获取文件上的锁定 以便其他应用程序无法读取已锁定的文件并希望在线程终止时释放锁定文件 您可以获得一个FileLock https docs oracle com javase 8 docs ap
  • C# HTTP 请求解析器[重复]

    这个问题在这里已经有答案了 可能的重复 将原始 HTTP 请求转换为 HTTPWebRequest 对象 https stackoverflow com questions 318506 converting raw http reques
  • 无法将消息发布到服务工作人员,因为控制器值为空

    我正在尝试做一个website https secure depths 31934 herokuapp com 在 Service Worker 的帮助下可以离线使用 以缓存页面所需的文件 我试图让用户控制他希望缓存的图像 为此 我使用一个
  • jquery无法获取data属性值

    我正在尝试在 jQuery 中设置一个变量 该值应该在按钮的单击事件上设置 onclick 事件触发 但 x10Device 变量仍然存在undefined 我使用的是jquery 1 7 1 jQuery x10Device this d
  • CLR 无法在 UWP 中创建基于 .NET 的 COM 对象

    我创建了一个类库 NET Framework 4 7 1 它实现了文本服务 ITfTextInputProcessorEx等 中TSF https msdn microsoft com en us library windows deskt
  • Android 中的 Fragment-Fragment 通信

    我在Android编程方面处于初级水平 所以我需要你真诚的帮助 请任何人帮助我 我正在尝试使用片段构建滑动用户界面 所以我真正的疑问是 我有一个Fragment say FragmentA 它有一个TextView and Button在其
  • 我可以使用与 jnc 相同的 opendaylight 功能吗?

    我想编写一个应用程序来使用 netconf 配置网络元素 并且我正在寻找一个可以用来实现它的开源 netconf 客户端 我已经尝试使用 Jnc 并成功做到了这一点 问题是 jnc 不支持 netconf 1 1 我正在寻找另一个解决方案
  • 如何在Python中恢复文件下载?

    我正在使用 python 2 7 requests 模块使用以下代码下载二进制文件 如何使此代码 自动恢复 从部分下载的文件下载 r requests get self fileurl stream True verify False al
  • 为什么我的事件处理程序会导致“不是函数”错误,但可以在 Firebug 控制台中运行?

    使用JQuery 1 2 6 在Firefox 3和IE7上进行测试 我有一些非常基本的 JavaScript 代码来重新加载验证码图像 在我的 JS 文件中 我有 var Captcha count 0 Refresh function
  • 使用 Fragment 在工具栏中实现 SearchView

    当前情况 我的应用程序主页由导航抽屉组成 因此我将视图作为片段加载 我的工具栏中也有搜索图标 我在中实现了它menu xml 下一步我实施了SearchView通过以下问题的答案来获取搜索图标在工具栏中实现搜索 https stackove
  • 随机错误 symfony:ContextErrorException: 警告: simplexml_load_file(): I/O 警告: 无法加载外部实体

    在我的 Symfony 项目中 当我进入应用程序中的随机页面时 会出现以下随机错误 ContextErrorException Warning simplexml load file I O warning failed to load e
  • 具有特殊AssignableScopes的Azure自定义RM角色定义

    我正在尝试创建一个自定义 Azure RM 角色定义 其范围适用于一个订阅内的某些资源组 我不想提供对所有订阅或仅一个资源组的访问权限 并且我无法指定资源组列表 因为其中一些资源组尚未创建 我只想提供订阅资源组的某些子集的访问权限 为此 我
  • python sys.stdout 和 C++ iostreams::cout

    我假设 sys stdout 将引用与在同一进程中运行的 iostreams cout 相同的物理流 但情况似乎并非如此 以下代码使用名为 write 的 python 包装器调用 C 函数 该函数写入 cout from cStringI
  • 在 IE8 中使用 javascript __proto__

    你好 我在 javascript 中有这两个对象 var john firstname John lastname Smith var jane firstname Jane 这样做 jane proto john 我可以访问 Jane 的
  • 无法在弹出窗口和 Excel for Mac 之间切换

    我制作了一个 Excel 插件 它会弹出一个窗口window open or 对话框API https dev office com docs add ins develop dialog api in office add ins 我刚刚
  • Android 图表[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在开发一个项目 其中有一些图表 图形 刻度图 烛台图和范围图 但问题是 没有该图表的库 我有烛台图的
  • DataTables 第 2 页的分页未调用放大弹出窗口

    所以我有这个启用分页的数据表 我编码了一种方式 以便用户可以编辑表的行 当用户调用它在放大弹出窗口中打开的编辑页面时 它在第 1 页 从第 2 页起都运行良好 DataTable 及其前面停止调用 Magnific Popup 我只是不明白