请指导我。
设置: 我正在使用Jquery UI创建一个网站。布局如下: 顶部的3个Jquery UI选项卡,单击时,会根据iframe交换页面上的内容。 第3个选项卡显示一个有Jquery手风琴的页面。
问题:当我点击第3个标签时,会显示手风琴,但内容的高度只是JUST ONE LINE :((所以我根本无法看到或读取手风琴中的任何内容)。如果我打开survey.html,内容的高度就会完美显示,但如果我通过index.html(嵌套调用)打开它,它只是一行。
我已经尝试过:我在线阅读并了解可能是我必须首先初始化手风琴小部件,然后是标签,因为显然手风琴的高度在页面加载时会被错误计算。我尝试了一些东西,但由于我是新手,因此无法解决任何问题。请提出一些解决方案。
调用顺序: index.html文件包含选项卡的代码。这个文件,当点击时有tab3打开iframe里面的另一个页面(survey.html),里面有一个手风琴。
代码:
Index.html CODE:
<head>
<script>
$(function() {
$( "#accordion" ).accordion();
$("#static-tabbed-panel-div").tabs();
});
</script>
</head>
survey.html code:
<head>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
请告知。
如何在首先加载手风琴或在启动时调整手风琴内容的高度以便我能正确看到它?