Heim >Web-Frontend >js-Tutorial >Wie führe ich Code aus, nachdem dynamisch eingefügte Iframes mit jQuery geladen wurden?

Wie führe ich Code aus, nachdem dynamisch eingefügte Iframes mit jQuery geladen wurden?

Barbara Streisand
Barbara StreisandOriginal
2024-11-15 10:40:03383Durchsuche

How to Execute Code After Dynamically Inserted iframes are Loaded with jQuery?

So verwenden Sie das jQuery .ready-Ereignis in dynamisch eingefügten Iframes

Beim dynamischen Einfügen eines Iframes mithilfe der jQuery-Thickbox wird das $(document). Das Ready-Ereignis im Iframe wird vorzeitig ausgelöst, was dazu führt, dass Galleria-Code nicht effektiv auf DOM-Elemente angewendet wird. Dies liegt daran, dass $(document).ready auf dem Bereitschaftsstatus des übergeordneten Iframes basiert.

Um dieses Problem zu beheben, gibt es alternative jQuery-Ereignisse, die gebunden werden können, um sicherzustellen, dass die Codeausführung erst dann erfolgt, wenn der dynamische Iframe bereit ist . Ein empfohlener Ansatz ist die Verwendung des „load“-Ereignisses, wie unten gezeigt:

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

Durch die Nutzung des „load“-Ereignisses wird eine bessere Kontrolle über die Iframe-Last erreicht, sodass Maßnahmen ergriffen werden können, wenn der Iframe geladen ist voll beladen und bereit. Dadurch wird eine genaue Ausführung von Galleria-Code oder anderen JavaScript-Bibliotheken auf den DOM-Elementen des Iframes gewährleistet.

Das obige ist der detaillierte Inhalt vonWie führe ich Code aus, nachdem dynamisch eingefügte Iframes mit jQuery geladen wurden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn