2010-09-26 34 views
3

我想延遲加載我的Youtube API搜索結果,以便在用戶向下滾動時,Youtube播放器將被添加到頁面中。看起來,延遲加載插件專注於圖像,但我將加載的只是HTML,因爲我使用iFrame加載Youtube播放器(按照新的Youtube嵌入樣式)。我怎麼能在jQuery中做到這一點?謝謝閱讀。如何在jQuery中加載非圖像內容?

回答

0

如果我理解正確的話,你需要這樣的東西:

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

而是負載可以追加HTML片段。

+0

要我猜有什麼錯我的答案? – 2010-09-26 14:30:28

0

您可以使用.scroll()和.ScrollTop()函數來檢測您是否位於頁面/卷軸的當前底部。 如果是這樣,請將下一組iframe附加到主要元素。 這也意味着您需要跟蹤已經加載的元素和可用(將被加載)的元素。後者應該是你搜索的結果。

+0

@Artem Barger,我沒有評價你的回答,而是在評論中回答你的問題: 你的代碼會隨時添加「youtube.html」,隨時調用「scroll」,這將是一個時間的_lot_。 – Milo 2010-10-25 07:58:50

0

你所希望做的可能是容易使用無限滾動jQuery插件

源實現可在github

相關問題