Как я могу лениво загружать контент без изображения в jQuery?

Question

Я хочу лениво загрузить результаты моего поиска по API YouTube, чтобы по мере прокрутки пользователя проигрыватели Youtube добавлялись на страницу. Кажется, что ленивые загрузочные плагины ориентированы на изображения, но я буду загружать только HTML, потому что я использую iFrames для загрузки плееров Youtube (в соответствии с новым стилем вставки Youtube). Как я могу сделать это в JQuery? Спасибо за чтение.

Answer 1

Вы можете использовать функции .scroll () и .ScrollTop (), чтобы определить, находитесь ли вы в нижней части страницы / прокрутки.если это так, добавьте следующий набор фреймов к основному элементу.Это также означает, что вам нужно отслеживать уже загруженные элементы и доступные (подлежащие загрузке) элементы.Последнее должно быть результатом вашего поиска.

Answer 2

То, что вы ищете, вероятно, легко сделать с помощью плагина Infinite Scroll jQuery

Источник доступен на github

Answer 3

Если я вас правильно понимаю, вам нужно что-то вроде:

$( "body").scroll( function() {
   $( "#youtubeDiv").load( "youtube.html");
});

Вместо загрузки вы можете добавить фрагмент HTML.