首页 文章

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

提问于
浏览
4

使用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 回答

相关问题