Timeago和jQuery dataTables

Question

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

$("#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元素，而不是那些稍后在排序、更改页面等时注入的元素。