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

Source: Internet
Author: User

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.