Comment déclencher un événement d'élément de fenêtre parent dans iframe

Cette fois, je vais vous montrer comment iframe peut déclencher l'événement d'élément de fenêtre parent Quelles sont les précautions pour que iframe déclenche l'événement d'élément de fenêtre parent. . Jetons un coup d'oeil.

Par exemple, la fenêtre parent définit un événement.

haut :

$(dom1).bind('topEvent', function(){});

Alors, comment les éléments de l'iframe déclenchent-ils l'événement de la fenêtre parent dom1 ? Est-ce ainsi?

$(dom1, parent.
document
).trigger('topEvent');

Cela semble correct, mais c'est en fait trompeur.

Parce que l'objet jquery de la fenêtre parent et l'objet jquery dans l'iframe sont en fait deux objets (fonctions), le jquery dans l'iframe ne déclenchera pas un autre objet jquery événements définis. A moins que vous le définissiez ainsi dans iframe :

iframe :

self.$ = parent.$;

Donc la solution est très simple :

parent.$(dom1,parent.doucment).trigger('topEvent');

Appelez le parent jquery Exécutez simplement l'événement.

On dit que l'iframe ne devrait plus avoir besoin d'importer des fichiers jquery. Il suffit de partager le même jquery avec la fenêtre parent. C'est très respectueux de l'environnement.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Implémentation du changement de navigation par défilement des onglets (avec code)

L'implémentation la plus simple de jQuery de l'option d'onglet Switch

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!