So lösen Sie ein übergeordnetes Fensterelementereignis im Iframe aus

Dieses Mal zeige ich Ihnen, wie iframe das übergeordnete Fensterelement-Ereignis auslösen kann. Was sind die Vorsichtsmaßnahmen, damit iframe das übergeordnete Fensterelement-Ereignis auslöst? . Werfen wir einen Blick darauf.

Zum Beispiel definiert das übergeordnete Fenster ein Ereignis.

top:

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

Wie lösen also die Elemente im Iframe das Ereignis des übergeordneten Fensters dom1 aus? Ist das so?

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

Es scheint richtig, aber es ist tatsächlich irreführend.

Da das

jquery-Objekt des übergeordneten Fensters und das jquery-Objekt im Iframe tatsächlich zwei Objekte (Funktionen) sind, löst die jquery im iframe kein weiteres jquery-Objekt aus definierte Ereignisse. Es sei denn, Sie definieren es so in iframe:

iframe:

self.$ = parent.$;

Die Lösung ist also sehr einfach:

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

Rufen Sie einfach die übergeordnete Abfrage auf das Ereignis ausführen.

Es wird gesagt, dass iframe keine JQuery-Dateien mehr importieren muss. Es reicht aus, die gleiche JQuery mit dem übergeordneten Fenster zu teilen. Dies ist sehr umweltfreundlich.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Implementierung zum Umschalten der Tab-Tab-Scroll-Navigation (mit Code)

jQuerys einfachste Implementierung der Tab-Option Switch

Das obige ist der detaillierte Inhalt vonSo lösen Sie ein übergeordnetes Fensterelementereignis im Iframe aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!