Comment utiliser jQuery .ready avec des iFrames insérés dynamiquement ?

jQuery .ready dans un iFrame inséré dynamiquement

Lorsque vous travaillez avec jQuery, le timing peut être crucial, en particulier lors de l'insertion dynamique d'iFrames dans une page . Dans ce scénario, le problème survient lorsque l'événement $(document).ready se déclenche dans l'iFrame avant que le contenu de l'iFrame ne soit complètement chargé, entraînant des erreurs dans les bibliothèques JavaScript comme Galleria.

Pour résoudre ce problème, envisagez d'utiliser l'événement de chargement au lieu du document prêt à attendre que l'iFrame se charge complètement. Cela garantit que le code Galleria est appliqué aux éléments DOM uniquement lorsque le contenu iFrame est prêt.

Voici comment l'implémenter :

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

Dans cet exemple, la fonction callIframe prend un URL et une fonction de rappel. Il crée l'iFrame, définit son URL source et lie l'événement de chargement à l'iFrame. La fonction de rappel est exécutée lorsque l'iFrame est entièrement chargé et prêt.

L'utilisation de l'événement load garantit que Galleria n'est appliquée qu'une fois le contenu iFrame disponible, garantissant ainsi la bonne exécution de la bibliothèque JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!