動的に挿入された iFrame で jQuery .ready を使用する方法は?

動的に挿入された iFrame 内の jQuery .ready

jQuery を使用する場合、特に iFrame をページに動的に挿入する場合、タイミングが重要になることがあります。 。このシナリオでは、iFrame コンテンツが完全に読み込まれる前に iFrame で $(document).ready イベントが発生すると問題が発生し、galleria などの JavaScript ライブラリでエラーが発生します。

この問題に対処するには、次の使用を検討してください。 iFrame が完全にロードされるのを待つ準備ができているドキュメントの代わりにロード イベント。これにより、iFrame コンテンツの準備ができた場合にのみガレリア コー​​ドが DOM 要素に適用されるようになります。

実装方法は次のとおりです。

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

この例では、callIframe 関数はURL とコールバック関数。 iFrame を作成し、そのソース URL を設定し、load イベントを iFrame にバインドします。コールバック関数は、iFrame が完全にロードされて準備ができたときに実行されます。

load イベントを使用すると、iFrame コンテンツが利用可能になった後にのみガレリアが適用され、JavaScript ライブラリが適切に実行されます。

以上が動的に挿入された iFrame で jQuery .ready を使用する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。