我正在使用 jQuery UI 构建手风琴菜单。但在我看来,navigation: truesetter 不适用于嵌套<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">
$(文档).ready(函数() {
$("#accordion").accordion({
导航:是的,
主动:假,
标题:'h3',
可折叠:真
});
});
</脚本>
这是HTML结构:
标题 A
- <a href="#">链接1</a>
标题 B
- <a href="#">链接2</a>
- 子标题 A
子标题 B
- <a href="#">链接 3</a>
- <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>
<li>
<h4>子标题A</h4>
<ul>
<li>
<a href="#">链接 3</a>
</li>
</ul>
<h4>子标题 B</h4>
<ul>
<li>
<a href="#">链接 4</a>
</li>
</ul>
</li>
</ul>
</div>