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

Cette fois, je vais vous montrer comment utiliser l'élément iframe pour déclencher l'événement de la fenêtre parent Quelles sont les précautions pour utiliser l'élément iframe pour déclencher l'élément de fenêtre parent. événement. Ce qui suit est un cas pratique. top :

$(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 :

Le plug-in jQuery implémente le changement de couleur des tableaux entrelacés et interagit avec les événements de la souris

La mise en œuvre de JQuery peut être implémenté en temps réel Fonction de table pour les opérations d'édition

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!