如何在jQuery中延迟加载非图像内容？

Question

我想延迟加载Youtube API搜索的结果，以便在用户向下滚动时，Youtube播放器将被添加到页面中。似乎延迟加载插件专注于图像，但我将加载的只是HTML，因为我使用iFrames加载Youtube播放器（根据新的Youtube嵌入样式）。我怎么能在jQuery中做到这一点？谢谢你的阅读。

Answer 1

如果我理解正确你需要：

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

您可以附加html片段而不是加载。

Answer 2

您可以使用.scroll（）和.ScrollTop（）函数来检测您是否位于页面/滚动的当前底部。 如果是这样，请将下一组iframe附加到主元素。 这也意味着您需要跟踪已加载的元素和可用（待加载）元素。后者应该是您搜索的结果。

Answer 3

使用Infinite Scroll jQuery插件

可能很容易完成您要做的事情

来源可在github上找到