使用jQuery UI手风琴菜单(navigation:true)和菜单项的命名锚目标,即菜单项引用命名锚点 on the current page.
如果导航到不同的页面,手风琴可以突出显示单击的菜单项,但如果菜单项引用当前页面上的命名锚点,则单击时不会更改菜单选择/突出显示(尽管链接会导致页面滚动按预期正确锚定) . 使用锚更新位置哈希,但不会突出显示单击的菜单项 .
没有做任何其他想象的事情 . 下面是一个示例手风琴菜单,演示了这个问题 . 当点击任何菜单项时,手风琴不会突出显示该菜单项以反映它是当前菜单项 .
I want it to highlight the menu item when it is clicked and expected accordion to work that way. How can I make it do that?
手风琴小部件是否仅用于在手风琴初始化页面加载时通过URL哈希更新/查找/突出显示当前菜单项?
仅供参考我是这一切的新手 . 温柔;)TIA
<ul id="navigation">
<li>
<a class="head">Menu 1</a>
<ul>
<li><a href="#anchor1">Sub-topic 1</a></li>
<li><a href="#anchor2">Sub-topic 2</a></li>
<li><a href="#anchor3">Sub-topic 3</a></li>
</ul>
</li>
<li>
<a class="head">Menu 2</a>
<ul>
<li><a href="#anchor1">Sub-topic 1</a></li>
<li><a href="#anchor2">Sub-topic 2</a></li>
<li><a href="#anchor3">Sub-topic 3</a></li>
</ul>
</li>
</ul>
[已添加11-17-2010]我的libs或手风琴初始化代码没什么特别之处:
jquery-1.4.2.min.js
chili-1.7.pack.js
jquery.easing.js
jquery.dimensions.js
jquery.accordion.js
jQuery().ready(function(){
$('#navigation').accordion({
collapsible: true,
active: 0,
header: '.head',
navigation: true,
autoheight: true,
animated: 'easeslide'
});
});
这一切都与手风琴lib如何对待命名锚点有关 .
1 回答
这是一样的 . jQuery Accordion active by url?