jquery - 使用 jQuery Accordion 菜单 : make header's links work

Question

我正在尝试使用 Jquery UI Accordion 模块创建一个包含对象类别(标题)的侧边栏，单击该侧边栏会显示子类别(内容)。

Accordion 本身工作正常:当我单击一个类别时，它会显示一个新部分，其中包含指向不同子类别页面的链接，但指向主类别的链接不再起作用。我想单击一个类别来执行两件事:适本地更改 Accordion 并打开链接。

我在网上搜索了2个小时，我发现的唯一线索是使用 Accordion 的更改事件的回调，但我是jQuery/Javascript的新手，所以我不知道该怎么做这是最好的选择还是最好的选择。

如果我使用“鼠标悬停”来触发 Accordion ，则一切正常:类别上的单击事件仍在打开类别页面。我应该使用鼠标悬停还是有使用单击作为事件的解决方案？ (问题是jquery生成客户端事件，而链接应该生成服务器端事件)

你可以实时查看我的意思 here (单击左侧边栏中的“媒体”应该打开子类别，但也会打开媒体类别中的对象列表，而单击子菜单“书籍”效果很好)。

非常感谢您的帮助!

Answer 1

不要使用折叠面板标题中的链接，而是使用折叠面板的更改事件。

http://jqueryui.com/demos/accordion/#event-change

$( "#accordion" ).accordion({
    changestart: function (event, ui) {
        var href = ui.newHeader.attr( "href" );
        // do something with href
    }
});