1

请指导我。

设置：我正在使用 Jquery UI 创建一个网站。布局如下： 顶部有 3 个 Jquery UI 选项卡，单击时会根据 iframe 交换页面上的内容。第三个选项卡显示一个页面，其中有一个 Jquery 手风琴。

问题：当我单击第三个选项卡时，会显示手风琴，但内容的高度只是一行 :(（所以我根本看不到或阅读手风琴中的任何内容）。内容的高度如果我打开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>

请指教。

我该怎么做才能先加载手风琴，或者在启动时调整手风琴内容的高度，以便我能正确看到它？

4

0 回答 0