javascript - jquery-databables 中的 jquery-lazyload 图像

Question

使用datatables javascript 插件，我想在带有分页的表格中显示 10k 小图像。
因为我加载了太多，我得到了错误。

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

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

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

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

使用数据表有什么特别的关系吗？
我是否必须每秒以脚本方式触发延迟加载？

谢谢 ！

Answer 1

我在这里找到了另一种没有lazyload插件的方法。
使用选项

"fnRowCallback": customFnRowCallback

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

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