0

jQuery UI を使用してアコーディオン メニューを作成しています。しかし、ネストされたタグではnavigation: trueセッターが機能しないようです。<ul>

navigation: true、 には機能しますがHeader A -> Link 1、Header B -> Link 2には機能しませんanything in subHeader under Header B (Link 3, Link 4)。

アコーディオンが期待どおりに機能しないように、間違った構造を使用しているかどうかを知ることはできますか? ありがとうございました！

jQuery は次のとおりです。

<script type="text/javascript">
$(document).ready(function() {
    $("#accordion").accordion({
        ナビゲーション: 真、
        アクティブ: 偽、
        ヘッダー: 'h3',
        折りたたみ可能: true
    });
});
</script>

HTML 構造は次のとおりです。

ヘッダー A

  • <a href="#">リンク 1</a>

ヘッダー B

  • <a href="#">リンク 2</a>
  • サブヘッダー A
    • <a href="#">リンク 3</a>
    サブヘッダー B
    • <a href="#">リンク 4</a> 
<div id="アコーディオン">
 <h3>ヘッダー A</h3>
 <ul>
  <li><a href="#">リンク 1</a></li>
 </ul>

 <h3>ヘッダー B</h3>
    <ul>
        <li><a href="#">リンク 2</a></li>
        <リ>
         <h4>サブヘッダー A</h4>
                <ul>
                    <リ>
                        <a href="#">リンク 3</a>
                    </li>
                </ul>
         <h4>サブヘッダー B</h4>
                <ul>
                    <リ>
                        <a href="#">リンク 4</a>
                    </li>
                </ul>   
            </li>
       </ul>

</div>
4

1 に答える 1

0

たぶん、この問題/答えはあなたが探しているものです:)
jQueryのネストされたアコーディオンメニュー

于 2009-11-13T10:21:47.240 に答える