Timeago and jQuery dataTables

Question

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

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

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

Answer 1

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

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

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