jquery ui accordion은 링크 대 아이콘에 대해 다른 동작이 필요합니다.

Question

Superfish 메뉴와 같은 다중 레벨 메뉴에는 JQuery UI Accordion을 사용하려고하지만 대신 수직 아코디언 프리젠 테이션이 사용됩니다. 예를 들면 :

• 홈
• 제품
• • 제품 카테고리 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/ 가 사용 해보세요합니다.