iFrame not loading in css tab (in FF browser only)
On a website page, I have 3 css tabs (with < ul > and < li > tags). In the first 2 tabs, I have an iFrame. In the first tab (active on page load), the iFrame loads fine. In the second tabs it doesn't.
It's only on Firefox. In IE or Chrome, it works fine.
I noticed that when I click on the second tab really quickly on page load, the iFrame loads.
I tried everything! Please help
http://www.mrcdecoaticook.qc.ca/municipalites/cartes.php
The iFrame are at line 187 of the source code.
由legarsblond于修改
被采纳的解决方案
I figured it out using "onlick" on my tab to reload iframe when selected:
< li onclick="var ifr=document.getElementsByName('f2')[0]; ifr.src=ifr.src;">GALERIE DE CARTES< /li>
定位到答案原位置 👍 0所有回复 (3)
I see this as well. Maybe it is caused by this iframe being hidden, but I don't know why this frame isn't loaded when you switch to that frame.
Is there content loaded via XHR?
Note that you can use "This Frame > Reload Frame" in the right-click context menu to get the content.
cor-el said
I see this as well. Maybe it is caused by this iframe being hidden, but I don't know why this frame isn't loaded when you switch to that frame. Is there content loaded via XHR? Note that you can use "This Frame > Reload Frame" in the right-click context menu to get the content.
No it's not XHR. I think it is really because the iFrame is hidden, because when I click within a second or two on the second tab when the page loads, the iFrame load, and it's the iFrame in the first tab that doesn't load.
Is there a way to force the loading of a hidden iFrame?
选择的解决方案
I figured it out using "onlick" on my tab to reload iframe when selected:
< li onclick="var ifr=document.getElementsByName('f2')[0]; ifr.src=ifr.src;">GALERIE DE CARTES< /li>
由legarsblond于修改