jquery - Timeago 和 jQuery 数据表

Question

使用数据表和 timeago。当我单击下一页时，有些日期没有显示在下一页上。但是有了这段代码，它就解决了。

$("#simpledatatable_paginate").click(function(){
    jQuery("abbr.timeago").timeago();
});

但是，当我单击表格标题sort或显示页面10, 20, 25, 50, 100 etc以及数据表search中的某些数据时，数据不会显示。有没有其他方法可以解决这个问题？

Answer 1

我建议你利用这个draw.dt活动。每次重绘 dataTables 实例时都会调用它，即在排序、过滤、更改页面等时。在初始化 dataTable之前创建处理程序（我假设您的表 id 是#simpledatatable）：

$("#simpledatatable").on('draw.dt', function() {
   jQuery("abbr.timeago").timeago();
});

$("#simpledatatable").DataTable({
   ...
});

现在您可以跳过任何其他timeago()呼叫。问题是jQuery("abbr.timeago").timeago();只针对存在或可见abbr.timeago的元素，而不是那些稍后在您排序、更改页面等时注入的元素。