關於iframe 動態改變高度的問題,该怎么处理

關於iframe 動態改變高度的問題
請問一下~
我現在使用spry 的TabbedPanels 功能，
總共有四個tabs
每一個裡面各裝一個iframe
我想要讓每個iframe各自依照裡面所含的內容改變高度而不產生scrollbar
以下是我的程式內容

HTML code

<div id="TabbedPanels1" class="TabbedPanels">  <ul class="TabbedPanelsTabGroup">    <li class="TabbedPanelsTab" tabindex="0"><div align="center">AAA</div></li>    <li class="TabbedPanelsTab" tabindex="0"><div align="center">BBB</div></li>    <li class="TabbedPanelsTab" tabindex="0"><div align="center">CCC</div></li>    <li class="TabbedPanelsTab" tabindex="0"><div align="center">DDD</div></li>  </ul>  <div class="TabbedPanelsContentGroup">    <div class="TabbedPanelsContent">      <iframe frameborder="0" name="frameA" id="frameA" src="aaa.jsp" width="1340" onload="this.height=frameA.document.body.scrollHeight"></iframe>    </div>    <div class="TabbedPanelsContent">      <iframe frameborder="0" name="frameB" id="frameB" src="bbb.sjp" width="1280" onload="this.height=frameB.document.body.scrollHeight"></iframe>    </div>    <div class="TabbedPanelsContent">      <iframe frameborder="0" name="frameC" id="frameC" src="ccc.jsp" width="900" onload="this.height=frameC.document.body.scrollHeight"></iframe>    </div>    <div class="TabbedPanelsContent">      <iframe frameborder="0" name="frameD" id="frameD" src="ddd.jsp" width="1110" onload="this.height=frameD.document.body.scrollHeight"></iframe>    </div>      </div></div>

不過，只有第一個Tab會根據其內容改變高度，其餘的Tab都不成功，請問是什麼原因呢?
要怎麼改呢?

謝謝各位的幫忙!!!

[解决办法]
其他3个iframe打开页面上隐藏的吧？
你可以先去掉 src="ddd.jsp"这些url，在要显示的时候设置ddd.jsp

查看更多 下一篇