私を導いてください。
セットアップ: Jquery UI を使用して Web サイトを作成しています。レイアウトは次のとおりです。上部の 3 つの Jquery UI タブをクリックすると、iframe に基づいてページのコンテンツがスワップされます。3 番目のタブには、Jquery アコーディオンを含むページが表示されます。
問題: 3 番目のタブをクリックすると、アコーディオンが表示されますが、コンテンツの高さが 1 行だけです :( (そのため、アコーディオンのコンテンツをまったく表示または読み取ることができません)。コンテンツの高さsurvey.html を開くと完全に表示されますが、index.html (ネストされた呼び出し) で開くと 1 行だけです。
私がすでに試したこと：オンラインで読んだところ、最初にアコーディオンウィジェットを初期化し、次にタブを初期化する必要があるかもしれないことがわかりました。いろいろやってみたのですが、初心者なのでわかりません。いくつかの解決策を提案してください。
呼び出しシーケンス: ファイル 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>
お知らせ下さい。
アコーディオンを他の何よりも先にロードしたり、起動時にアコーディオンのコンテンツの高さを調整して正しく表示するにはどうすればよいですか?