Question

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

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

没有做任何其他想象的事情。下面是一个示例手风琴菜单，演示了这个问题。当点击任何菜单项时，手风琴不会突出显示该菜单项以反映它是当前菜单项。

我希望它在单击时突出显示菜单项，并希望手风琴以这种方式工作。我该怎么做呢？

当手风琴初始化页面加载时，手风琴小部件是否设计为通过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如何对待命名的锚点有关。

Answer 1

这是一样的。 jQuery Accordion active by url?

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

1 个答案: