jquery-延迟加载 jquery-数据表中的图像

Question

使用 datatables javascript plugin 我想在 table 中显示 10k 个小图像并分页。
因为我加载了太多，所以出现错误。

我想只在它们出现时加载这些图像，所以我找到了 lazyload plugin。

但是，图像一开始根本没有出现。
我必须手动输入

$("img.lazy").lazyload();

在浏览器控制台中。
然后它只加载屏幕上的图像
（即当我向下滚动时，我看到所有其他图像都已卸载）。
这至少证明该插件在某种程度上可以正常工作。

数据table的使用有什么特别之处吗？
我必须每秒通过脚本触发 lazyload 吗？

谢谢！

Answer 1

我找到了另一种方法 here 没有 lazyload 插件。
使用选项

"fnRowCallback": customFnRowCallback

然后此函数将用图像标签替换第一列。

function customFnRowCallback( nRow, aData, iDisplayIndex )
{
    $('td:eq(0)', nRow).html( '<img class="" src="http://aaaaa/'+ aData.attribute+'" alt="" />' );
    return nRow;
}