jQuery Forum

I  had the same problem and found a solution. I believe that jquery's custom event handling is tied to the instance of jquery loaded on the page, so the iframe is adding events to its own jquery context, and not the one of the parent.

Edited: So the trick is to just use the jquery from the parent, as in parent.$(parent.document)  etc.

 Now when you add custom events they will work. Here's what worked for me :

parent.html

1. $(document).bind('yourproject.namespace.successfulSignIn', function(e) {
2.       //etc.
3. });

iframe.html

1. parent.$(parent.document).trigger("yourproject.namespace.successfulSignIn");

Forget I said anything, we had multiple nested  iframes in my use case, and I needed to trigger the event in the correct iframe's DOM was all.

parent.$("element").trigger("event");

To change the contents of a DIV in the parent frame, I used:

1. $('#id', parent.document).html('...');

which worked fine for me.

Reading the topic some more, all you did wrong was not using the correct scope:

1. $(document, parent.window.document)

Which should have been:

1. $(parent.document)

Because document alone is in the current scope (iframe) and not in the parent scope.

Maybe it's because it's late in the afternoon, or because I'm slow... but could someone please explain brunolm's solution please?  Here I am attempting to bind from the child iFrame to an event in the parent frame, and the following worked like a charm!

Hi Brunolm

 This really nice code. It works fine in firefox and chrome too...

 Thanks mate....:-)

Jitu