Comment exécuter du code dans des iframes insérées dynamiquement à l'aide de l'événement de chargement de jQuery ?

Exécution de code dans des iframes insérées dynamiquement

Lors de l'utilisation de jQuery Thickbox pour afficher une iframe dans une page parent, des problèmes d'exécution du code peuvent survenir dans l'iframe en utilisant $(document).ready(). En effet, $(document).ready() utilise l'état prêt du document parent pour déterminer quand l'iframe est complètement chargé, ce qui peut conduire à une exécution prématurée du code dans l'iframe.

Pour résoudre ce problème, envisagez d'utiliser jQuery. événement de chargement pour prendre le contrôle du processus de chargement de l'iframe. Cet événement se déclenchera une fois l'iframe complètement chargé, garantissant que le code n'est exécuté que lorsque l'iframe est prêt.

Voici un exemple d'utilisation de l'événement de chargement :

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

Dans ce code, la fonction callIframe crée et ajoute une iframe au document parent, définit sa source et lie l'événement de chargement à l'iframe. La fonction de rappel sera exécutée une fois l'iframe entièrement chargée. Vous pouvez l'utiliser pour appliquer tout code ou fonctionnalité nécessaire au contenu de l'iframe.

L'utilisation de l'événement load au lieu de $(document).ready() fournit un contrôle plus précis sur le moment où le code s'exécute dans une iframe dynamique, garantissant qu'il n'est exécuté qu'une fois l'iframe entièrement chargée et prête.

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!