Parent page cannot bind ajaxComplete event to an iframe's document

[[email protected]…]

=[ Description ]=

• The "parent" page has an iframe.
• The "parent" page binds an ajaxComplete event on the iframe's document.
• The iframe performs some ajax.

Expectation: ajaxComplete is called. Reality: ajaxComplete is not called and no error appears in chrome's inspect element.

​http://jsfiddle.net/bT33Z/1/

=[ Browser & OS ]=

• jQuery v1.9.1
• chrome v24.0.1312.70
• linux mint 11

[jeanno]

Is that possible for you to build the example somewhere else to show the problem? As you have stated that you "Cannot emulate the issue on JSFIDDLE because it involves an iframe and jquery".

Also, is this behaviour intentionally designed?

[dmethvin]

I would think it's possible to model this in jsFiddle, or at jsbin.com. you just need both pages to be on the same domain. Either site can do ajax. We can't triage the bug report without some more information and a test case.

[[email protected]…]

Updated jsfiddle:

​http://jsfiddle.net/bT33Z/5/

[dmethvin]

Okay I see what you're doing now, although it would have to be like this: ​http://jsfiddle.net/bT33Z/6/

The problem is that you are attaching an ajaxComplete event handler to the parent's jQuery event system but triggering that event in the child's event system where the handler does not exist. You need to attach the handler in the child.

​http://jsfiddle.net/bT33Z/7/

[[email protected]…]

Sorry to waste your time. Your response speed is incredible! Have a great day.