相反,使用表插件别人的,我选择做它使表和行等等等等,我会从数据库中提取数据,以填补行的标准HTML方式。 但是,当行数突破1万,我意识到我需要lazy_load行,否则本网站将是慢得令人难以置信。 我就开始寻找一个表的延迟加载行,但我似乎无法找到任何地方,所以我的问题是根本的惰性加载插件 或行甚至存在吗?
希望一些大师可以回答这个问题。 提前致谢!
背景为我想要做的事:我在HTML代码中创建表的草图,然后在运行时,我将通过DOM行添加到表时,对特定事物的用户搜索。 当他们搜寻它,就会有成千上万的结果,我想结果lazyload到表中。
jQuery提供为图像和图像的容器lazyload。
允许的div的惰性加载一些其他插件。
惰性加载表格行却似乎是不存在的。
上下文的一些示例代码:
HTML:
<fieldset>
<legend>PhotoViewer v1.6</legend>
<h4 id = "albumName"><i>Photos</i></h4>
<table cellspacing="1" border="2" id = "photoTable" class = "lazyProgressiveLoad">
<tr style="font-style: italic; font-size: small; font-family: Segoe UI Light; color: Red">
<th>--Photo--</th>
<th>--Label--</th>
<th>--Path--</th>
<th><input type="button" value="Add Photo" onclick="addPhoto()" id = "addPhoto"/></th>
</tr>
</table>
</fieldset>
寻找一些代码,将允许相同的功能,如下代码表行。
使用Javascript:
$(function() {
$("img").lazyload({
effect : "fadeIn"
/*
,appear : function(elements_left, settings) {
console.log("appear");
console.log(elements_left);
//console.log(this, elements_left, settings);
},
load : function(elements_left, settings) {
console.log("load");
console.log(elements_left);
//console.log(this, elements_left, settings);
}
*/
});
});