我在 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>
===================================================================<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>
解决方案 »
- jquery remove appendto 问题,菜鸟求解。。。。
- js处理大量数据时会报错
- 我写的前台div排序大家看看那里出错了,我怎么都找不到哪里有问题,要用jquery的
- 请教个问题
- 如何在当前jsp页面中把列表框的值赋给当前页面的java代码,而不通过servlet,如何实现呢
- JavaScript 集成开发工具--Aptana
- 如何跟天数加颜色
- 自己写的程序有问题,请指点!谢谢了!
- 俺要做一个在WEB上实现类似于画流程图的一个东东。求可行的技术方案!
- 聊天室怎么清屏呀?
- 100分 老问题求终解【js cookie 层】问题
- JavaScript缺少对象,求助!急急急急急急!!!!
要等iframe文档加载后,得到iframe内文档的高度,然后修改父窗口的iframe的高度值