2013-01-10 26 views
1

有沒有辦法讓我檢測iframe中的某個特定元素何時加載,而無需等待加載完整的iframe內容?檢測何時加載iframe中的特定元素

我遇到的問題是,iframe中充滿了很多SVG按鈕,需要很長時間才能加載和處理並掛載到iframe的加載事件中,迫使我想要採取的操作等待它們完全加載。我想從iframe中訪問一個元素,並想知道是否有可能檢測到該元素已經加載,而無需等待加載iframe的全部內容。

JavaScript或jQuery解決方案都與我一起文件。

+0

你可以檢查每x毫秒是否不存在,但是這取決於在iframe元素的數量,可成爲徵稅。 –

回答

1
$('iframe').onload = function() { 
    alert("loaded") 
}) 

這會在HTML被加載時,但在它被完全解析並呈現之前觸發。

除此之外,您必須輪詢以查看您要查找的元素是否在頁面中。

+0

如何檢測iframe何時完全解析並呈現? – Rainhider

0

您可以使用它:

$("iframe").contents().find("your iframe elem").load(function(){ 
    alert('element loaded.'); 
}); 
+0

這隻有在「你的iframe元素」已被解析並且可以加載內容(例如img或另一個iframe)時纔有效。 –

+0

這似乎不適用於我。該元素從未找到,並且警報不會觸發。我不確定是否動態地插入iframe會有所不同。 – itsmequinn