Timeago 和 jQuery 数据表

Question

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

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

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

Answer 1

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

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

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

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