jquery ui accordion需要针对链接与图标的不同操作

Question

我正在尝试将JQuery UI Accordion用于多级菜单，如Superfish菜单，但使用vertial accordion presentation。例如：

• 主页
• 产品
• • 产品类别1
• • 产品类别2

“主菜单”级别项目链接到相应的页面，因此在此示例中，“产品”链接到“产品”页面。在手风琴菜单中，如果您点击“+”打开“产品”菜单，则会激活“产品”链接，然后您将转到“产品”页面。

这对我来说似乎不对。 “+”应该打开菜单，但不能激活链接。用户必须单击“产品”链接本身才能激活它。

是否有配置选项或jQuery函数可用于触发链接和“+”的不同操作？

感谢您的帮助。

Answer 1

这是事件冒泡的问题。 我不使用jQuery UI，但我给你举个例子：

<a href="whatyouwant.html"><span class="himg"></span></a>
<script>
$('a').click(function(){menuclick(this)})
$('span').click(function(){menuclick($(this).parent());return false})
</script>

演示： http://jsfiddle.net/keszlercsaba/qqwPS/ 试一试。