关于JQuery tabs的问题中div的问题~~~急!!!!!!
我在 JQuery tabs中的div中嵌入了iframe,也就是当我点击tab按钮是,iframe加载需要的页面,但是我发现其div不能跟随iframe的高度变化而变化,当我加入 fxAutoHeight: true 后,发现 div中的页面变成 blank了。。。而且当点击tab按钮时,其id丢失。。。怎么解决JQuery tabs中的div随着iframe的内容高度变化而变化?????
===================================================================
<div id="container-1">
<ul>
<li onclick="tt('0','forum/forumList.aspx?pagesize=50&node=1&type=1&ifrm=aa0&div=fragment-1','fragment-1')"> <a href="#fragment-1"> <span>aaa </span> </a> </li> <li onclick="tt('1','forum/forumList.aspx?pagesize=50&node=1&type=2&ifrm=aa1&div=fragment-2','fragment-2')"> <a href="#fragment-2"> <span>bbb </span> </a> </li> <li onclick="tt('2','forum/forumList.aspx?pagesize=50&node=1&type=3&ifrm=aa2&div=fragment-3','fragment-3')"> <a href="#fragment-3"> <span>ccc </span> </a> </li> <li onclick="tt('3','forum/forumList.aspx?pagesize=50&node=1&type=4&ifrm=aa3&div=fragment-4','fragment-4')"> <a href="#fragment-4"> <span>ddd </span> </a> </li> <li onclick="tt('4','forum/forumList.aspx?pagesize=50&node=1&type=5&ifrm=aa4&div=fragment-5','fragment-5')"> <a href="#fragment-5"> <span>eee </span> </a> </li> <li onclick="tt('5','forum/forumList.aspx?pagesize=50&node=1&type=6&ifrm=aa5&div=fragment-6','fragment-6')"> <a href="#fragment-6"> <span>fff </span> </a> </li>
</ul>
<div id="fragment-1" > <iframe id="aa0" name="aa0" height=100% vspale="0" src="forum/forumList.aspx?pagesize=50&node=1&type=1&ifrm=aa0&div=fragment-1" style="vertical-align:top;" frameborder="1" scrolling="no" width="100%" onload="this.height=aa0.document.body.scrollHeight+40;" > </iframe> </div> <div id="fragment-2" > <iframe id="aa1" name="aa1" height=100% vspale="0" src="" style="vertical-align:top;" frameborder="1" scrolling="no" width="100%" onload="this.height=aa1.document.body.scrollHeight+40;" > </iframe> </div> <div id="fragment-3" > <iframe id="aa2" name="aa2" height=100% vspale="0" src="" style="vertical-align:top;" frameborder="1" scrolling="no" width="100%" onload="this.height=aa2.document.body.scrollHeight+40;" > </iframe> </div> <div id="fragment-4" > <iframe id="aa3" name="aa3" height=100% vspale="0" src="" style="vertical-align:top;" frameborder="1" scrolling="no" width="100%" onload="this.height=aa3.document.body.scrollHeight+40;" > </iframe> </div> <div id="fragment-5" > <iframe id="aa4" name="aa4" height=100% vspale="0" src="" style="vertical-align:top;" frameborder="1" scrolling="no" width="100%" onload="this.height=aa4.document.body.scrollHeight+40;" > </iframe> </div> <div id="fragment-6" > <iframe id="aa5" name="aa5" height=100% vspale="0" src="" style="vertical-align:top;" frameborder="1" scrolling="no" width="100%" onload="this.height=aa5.document.body.scrollHeight+40;" > </iframe> </div>
</div>