Wijmo Menu 항목을 비활성화하려면 어떻게합니까?

Question

Wijmo 메뉴 항목을 비활성화 할 수 있습니까?

나는 다음과 같은 내용을 가지고 있으며 사용자에게 특정 권한이없는 경우 메뉴 옵션 (분기 또는 리프)을 비활성화하려고합니다. 노드의 <li> 및 <a> 태그를 disabled 속성으로 설정해 보았습니다. disabled='disabled'과 disabled='true' 및 disabled=true을 설정했지만 사용하지 않으려면 메뉴 항목을 가져올 수 없습니다.

메뉴 구성 요소의 API에는 항목을 사용하지 않는 방법이없는 것 같아서 DOM에서 요소를 사용하지 않도록 설정한다고 가정합니다.

내 피들에는 관련 URL이있는 리프 (정치 - 첫 번째 부모 속보의 두 번째 노드)가 있습니다. 이 항목을 사용 중지 할 수 있습니다.

Wijmo 메뉴 항목을 비활성화 할 수 있습니까? 그렇다면 어떻게?

미리 감사드립니다.

Answer 1

루트 메뉴에 사용 중지 옵션이 추가되었습니다. 나는 그것이 당신이 원하는 것을 생각하지 않습니다. Kevin의 추천과 비슷한 soemthing을 할 것이지만 여전히 비활성화 된 attr을 사용하십시오. 좋아요 :

$("#flyoutmenu").wijmenu(); 
$("#flyoutmenu a[disabled]").parent().addClass("ui-state-disabled").end().click(function() { 
    return false; 
}); 

CSS를 추가하여 비활성화 된 것처럼 보일 수도 있습니다. 업데이트 된 바이올린은 다음과 같습니다. http://jsfiddle.net/3CQGC/3/

Answer 2

사용하지 않으려는 지점이나 잎을 표시하지 않는 이유는 무엇입니까?

메뉴의 모든 항목은 하이퍼 링크이므로 비활성화 할 수 없습니다.

OR의 트릭이있다 : 당신이 그것을 클릭하면

<a href="#" onclick="return false" /> 

확실 링크가 않습니다 아무것도하지 않습니다하기는.