我正在尝试使用Jquery UI手风琴模块创建一个包含对象(标题)类别的侧边栏,单击这些对象时会显示子类别(内容)。
手风琴本身很好用:当我点击一个类别时,它会显示一个新的部分,其中包含指向不同子类别页面的链接但是主要类别的链接不再起作用。我想点击一个类别做两件事:适当改变手风琴并打开链接。
我在网上搜索了2个小时,我找到的唯一线索是使用回调手风琴的变化事件,但我是jQuery / Javascript中的新手,所以我不知道该怎么做这个或者如果它是最好的选择。
如果我使用“mouseover”触发手风琴,那么一切正常:类别上的点击事件仍然打开类别页面。我应该使用鼠标悬停还是使用点击作为事件的解决方案? (问题是jquery生成客户端事件,而链接应该生成服务器端事件)
您可以查看我的意思here(点击左侧边栏中的“媒体”应该打开子类别,但也打开媒体类别中的对象列表,而点击子菜单“书籍”很好。)
非常感谢您的帮助!
答案 0 :(得分:2)
不使用手风琴标题中的链接,而是使用手风琴的改变事件。
http://jqueryui.com/demos/accordion/#event-change
$( "#accordion" ).accordion({
changestart: function (event, ui) {
var href = ui.newHeader.attr( "href" );
// do something with href
}
});
答案 1 :(得分:0)
http://jqueryui.com/demos/accordion/#option-navigation
$( ".selector" ).accordion({ navigation: true });