為什麼 jQuery .ready 在動態插入的 iFrame 中過早觸發？

Dynamically Inserted iFrames and the jQuery .ready Event

When using jQuery's thickbox plugin to dynamically display an iframe containing the galleria JavaScript library, you may encounter an issue where the $(document).ready event fires prematurely in the iframe, causing the galleria code to apply incorrectly.

Root Cause

The $(document).ready event relies on the parent document's ready state to determine the iframe's readiness. However, in dynamically inserted iFrames, the parent's ready state may indicate that the iframe is ready even though the iframe content itself is not yet loaded.

Alternative Solution

A more reliable approach is to bind to the iframe's own load event. This ensures that your code will execute only when the iframe's content has finished loading.

Code Snippet

function callIframe(url, callback) {
    $(document.body).append('<IFRAME>

By using the load event, you can control the timing of your code's execution more precisely and avoid premature execution within dynamically inserted iFrames.

以上是為什麼 jQuery .ready 在動態插入的 iFrame 中過早觸發？的詳細內容。更多資訊請關注PHP中文網其他相關文章！