ansaurus

Question

jquery click handler inside frame isn't working

Answer 1

A:

Did you try using #main as the context?

$(".confirmLink","#main").click(function(e) {('hi');});

or changing $("#main").ready(fn) to $("#main").load(fn)

Kenneth J 2010-09-14 20:42:07

That won't change anything. The "context" is just syntactic sugar.

Matt Ball 2010-09-14 20:45:56

Answer 2

A:

Without doing a bunch of research I'd say it's probably a "document ready" issue. You are waiting for the parent document, but not the frame document. The parent document is considered "loaded" once all the elements for that page. Since frames are not technically part of the page, but rather a page unto themselves they are not considered.

If you have control of the page loaded into the frame a quick work around would be to encapsulate that jQuery call in a function and then call that function in the frame's page.

Joe Mills 2010-09-14 20:45:08

... except he's doing the work in a "ready" handler on the frame.

Pointy 2010-09-14 21:33:22

Answer 3

+1 A:

You can't look inside the DOM of a <frame> that way. Try this:

$('#main').contents().find('.confirmLink').click(function() { ... });

Now, even that might have problems in some circumstances. If the page in the frame also imports jQuery, then you can do this:

$('#main').get(0).contentWindow.$('.confirmLink').click(function() { ... });

That would use the frame's own jQuery to set up the handler.

Pointy 2010-09-14 21:32:38

ansaurus

tags:

views:

answers:

jquery click handler inside frame isn't working

related questions