jquery height and width functions not working in internet explorer 9 when in a hidden iframe

Asked Jan 28 '13 at 23:55

Active Jan 28 '13 at 23:58

Viewed 670 times

When my code is embedded in an iframe that starts off as hidden in the parent page the jquery functions $(window).width() and $(window).height() return 0 regardless of what the css is set to. Then once the iframe is set to visible the resize event is not thrown, so there is no way to tell that the parent page has made it visible.

Here is an simple example of the problem http://www.mapdevelopers.com/test_large.html

Right now the only solution I have been able to come up with is to check on an interval to see if $(window).width() has a value over 0, and load the page accordingly once it does, but I assume there must be a better way to do this.

Any Ideas?

edited Jan 28 '13 at 23:58

Daniel

10,864
22
84
115

asked Jan 28 '13 at 23:55

Fred

1

Relevant: http://stackoverflow.com/questions/3632120/jquery-height-width-and-displaynone – DACrosby Jan 29 '13 at 00:01
it appears that is what is happening in other browsers, but its not doing it on IE – Fred Jan 29 '13 at 00:19
I tested that page on IE, I clicked "Make Visible" button, it works fine. What's the problem? – evilReiko Feb 07 '13 at 12:10

jquery height and width functions not working in internet explorer 9 when in a hidden iframe

0 Answers0