Comment exécuter du code après le chargement des iframes insérées dynamiquement avec jQuery ?

Comment utiliser l'événement jQuery .ready dans des iframes insérés dynamiquement

Lors de l'insertion dynamique d'un iframe à l'aide de jQuery Thickbox, le $(document). L'événement ready dans l'iframe se déclenche prématurément, ce qui fait que le code Galleria n'est pas appliqué efficacement aux éléments DOM. Cela se produit car $(document).ready s'appuie sur l'état prêt du parent de l'iframe.

Pour résoudre ce problème, il existe des événements jQuery alternatifs qui peuvent être liés pour garantir l'exécution du code uniquement une fois que l'iframe dynamique est prête. . Une approche recommandée consiste à utiliser l'événement « load » comme démontré ci-dessous :

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

En tirant parti de l'événement « load », un meilleur contrôle sur la charge de l'iframe est obtenu, ce qui permet d'entreprendre des actions lorsque l'iframe est entièrement chargé et prêt. Cela garantit une exécution précise du code Galleria ou d'autres bibliothèques JavaScript sur les éléments DOM de l'iframe.

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!