Hover function not working inside iframe

Question

Hover function not working inside iFrame.

<script type="text/javascript">
$(function(){
$('.check').live('hover',function(){
alert(0)
})})
</script>

<iframe frameborder="0" allowtransparency="yes" src="frame.html" width="400"></iframe>

//frame html

<a class="check" href="javascript:void"> hover me</a>

possible duplicate of [jQuery/JavaScript: accessing contents of an iframe](http://stackoverflow.com/questions/364952/jquery-javascript-accessing-contents-of-an-iframe) — Fiona - myaccessible.website, Jul 24 '13 at 15:50
You could simply fix the problem by moving the script inside frame.html — Yann, Jul 24 '13 at 15:51
have you tried using the [sandbox](http://www.w3schools.com/tags/att_iframe_sandbox.asp) attribute? — Hristo Valkanov, Jul 24 '13 at 15:52

score 0 · Answer 1 · edited May 23 '17 at 12:21

0

IFrame on same domain

I think this is what you are describing...

If your iframe is from the same domain as your code, you can use:

$("iframe").contents().find('.check') as your selector.

IFrame from a different domain

Not possible, please see this question: jQuery/JavaScript: accessing contents of an iframe

edited May 23 '17 at 12:21

Community

1
1

answered Jul 24 '13 at 15:52

Fiona - myaccessible.website

14,071
15
78
115

Hover function not working inside iframe

1 Answers1

IFrame on same domain

IFrame from a different domain