Elements inside the IFRAME trigger the jquery code of the parent window element event

Top

$ (DOM1). bind (' Topevent ', function () {});

So how does the element inside the IFRAME trigger the event that the parent window dom1?

$ (dom1, parent.document). Trigger (' topevent ');

Seemingly correct, but actually misleading.

Because the jquery object of the parent window and the jquery object inside the iframe are actually two objects (function), jquery inside the IFRAME does not trigger an event defined by another jquery object. Unless you define it in IFRAME:

Iframe:

self.$ = parent.$;

So the solution is simple:

parent.$ (dom1,parent.doucment). Trigger (' topevent ');

Calling parent jquery to execute the event is OK.

said that the IFRAME should not need to introduce jquery file, and the parent window to share a jquery on the line, so very green.