带有命名锚的 jQuery UI 手风琴，不切换菜单选择答案

【问题标题】：jQuery UI accordion with named anchors, not toggling menu selection带有命名锚的 jQuery UI 手风琴，不切换菜单选择
【发布时间】：2011-01-31 19:33:18
【问题描述】：

使用带有命名锚点目标的 jQuery UI 手风琴菜单（导航：true），即菜单项引用当前页面上的命名锚点。

如果导航到不同的页面，Accordion 可以很好地突出显示单击的菜单项，但是如果菜单项引用当前页面上的命名锚点，它不会在单击时更改菜单选择/突出显示（尽管链接会导致页面以按预期滚动到正确的锚点）。位置哈希随锚点更新，但单击的菜单项未突出显示。

否则不要做任何花哨的事情。下面是演示该问题的示例手风琴菜单。当单击任何菜单项时，手风琴不会突出显示该菜单项以反映它是当前菜单项。

我希望它在单击时突出显示菜单项，并希望手风琴能够以这种方式工作。我怎样才能做到这一点？

当手风琴在页面加载时初始化时，手风琴小部件是否仅用于通过 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>

[2010 年 11 月 17 日添加] 在我的库或手风琴初始化代码中没有什么特别之处：

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'
    });
 });

这一切都与手风琴库如何处理命名锚点有关。

【问题讨论】：

嘿，你能把你的 jQuery 放上来，以便我们为你提供更多帮助吗？

标签： jquery accordion

【解决方案1】：

也一样。 jQuery Accordion active by url?

【讨论】：