jquery tabs中使用iframe后tabs高度如何调整

最新推荐文章于 2018-09-17 09:38:08 发布

最新推荐文章于 2018-09-17 09:38:08 发布 · 461 阅读

文章标签：

#jQuery #Java #UI #ViewUI

本文探讨了在使用jQuery UI Tabs组件时遇到的问题：当Tabs面板内容由iframe加载时，无法自动调整高度以适应iframe内容的变化。文章提供了具体的代码示例，并寻求解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在jquery ui tabs中直接使用

<li><a href="#content2">Proin dolor</a></li>

时，tabs会根据加载的内容调整高度。但换成iframe后高度怎么调也调不了了。请各位大虾帮助解决。感激不尽。代码如下：


<div id="tabs" class="hidden">
	<ul>
		<li><a href="#content1">接口速率</a></li>
		<li><a href="#content2">Proin dolor</a></li>
		<li><a href="#content3">Aenean lacinia</a></li>
	</ul>
	<div id="content1" >   
  <iframe src="content1.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="auto"      
		style="width:100%;height:100%;"></iframe>   
  </div>
  <div id="content2" >   
  <iframe src="content2.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="no"      
		style="width:100%;height:100%;"></iframe>   
  </div>
  <div id="content3" >   
  <iframe src="content3.html" frameborder="0"  border="0" marginwidth="0" marginheight="0" scrolling="no"      
		style="width:100%;height:100%;"></iframe>   
  </div> 
</div>