Вместо того, чтобы использовать табличный плагин кем-то другим, я решил сделать это стандартным HTML-способом создания таблиц, строк и т. Д. И т. Д. Я бы извлек данные из базы данных для заполнения строк. Но когда количество строк превысило 10 000, я понял, что мне нужно lazy_load для строк, иначе веб-сайт будет невероятно медленным. Я искал способы ленивой загрузки строк таблицы, но нигде не могу найти, поэтому мой вопрос просто: подключаемый модуль отложенной загрузки или для строк< /strong> даже существует?
Надеюсь, что какой-нибудь гуру ответит на это. Заранее спасибо!
Предыстория того, что я пытаюсь сделать: я создаю грубый набросок таблицы в html-коде, затем во время выполнения я добавляю строки в таблицу через DOM, когда пользователь ищет определенные вещи. Когда они будут искать его, будут тысячи результатов, и я хочу лениво загрузить результат в таблицу.
jQuery обеспечивает ленивую загрузку изображений и контейнеров изображений.
Некоторые другие плагины позволяют отложенную загрузку 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);
}
*/
});
});
