Heim >Web-Frontend >js-Tutorial >Wie führe ich Code aus, nachdem dynamisch eingefügte Iframes mit jQuery geladen wurden?
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!