是否有可能「劫持」並延遲文檔就緒事件處理程序？

Question

我在嵌入一個iframe，這是一個包含一些Javascript的簡單網站。 JS有幾個$(document).ready處理程序。

問題是，他們在iframe的加載事件觸發時觸發，這發生在我設置src屬性&所有資源已被加載後。不過，在此之前我需要做一些工作 - 即爲主body標籤編寫Handlebars模板。

所以，最好我想：

• 設置src屬性
• 抓住車把模板
• 一旦資源加載，呈現模板，並設置body標籤的html
• 全部執行doc.ready來自原始iframe的Javascript的處理程序

這可能嗎？我需要獲取所有處理程序，然後在附加渲染模板後手動觸發iframe正文上的load事件。但我的嘗試

$('iframe').contents().find('body').trigger('load') 

不工作。有小費嗎？

Answer 1

您可以使用jQuery的$.holdReady()，像這樣：

$.holdReady(true); 

// do stuff 

$.holdReady(false); // execute all pending .ready callbacks 

我還沒有一個iframe試過，但應該工作。