Attach click handler even on element inside iframe with jQuery

Question

How can I attach a click event handler to an element inside an iframe?

Here's what I tried and doesn't work:

$("#parent iframe").contents().find("a").live("click", function () {
    alert ("test");
    return false;
});

The iframe is on the same domain.

Your code will work as long as both the main page and the iframe come from the same domain. — Ayman Hourieh, Oct 31 '09 at 23:16

score 11 · Accepted Answer · answered Nov 01 '09 at 00:10

11

Discovered the problem. LIVE does not work inside an iframe. Switching to bind works fine. Will do manual event delegation instead.

answered Nov 01 '09 at 00:10

Jourkey

33,710
23
62
78

1

Note this is far from the only problem you will have trying to script one window/frame with a copy of jQuery that lives in a different one. For anything complex, you will need to load copies of jQuery in both frames. jQuery is optimised for convenient single-window-scripting, not cross-window-scripting (which is inherently more complicated, jQuery or not). – bobince Nov 01 '09 at 00:42

score 0 · Answer 2 · answered Oct 31 '09 at 23:12

0

Basically probably not as at a guess the content is likely to be from a different domain (usual use of iFrames). These articles explain why:

iframes and cross domain security Cross-Domain Ajax Insecurity

Alternatively you will need to modify the source code in the iFrame (if you have control over it) or you can ask users to reduce their browser security (might be possible on an intranet, but even then not a good idea).

answered Oct 31 '09 at 23:12

FinnNk

3,249
23
25

It is on the same domain, but I'll thanks for saying it should work, i'll look at it again. – Jourkey Oct 31 '09 at 23:20

Attach click handler even on element inside iframe with jQuery

2 Answers2

Linked