如何禁用Wijmo菜單項？

Question

是否可以禁用Wijmo菜單項？

我有以下fiddle，我想禁用菜單選項（分支或葉），如果用戶沒有一定的權限。我試過設置節點的<li>和<a>標籤具有disabled屬性。我試過設置disabled='disabled'和disabled='true'和disabled=true，但不能禁用菜單項。

菜單組件的API似乎沒有禁用項目的方法，所以我假設我只是禁用DOM中的元素。

在我的小提琴中，有一片葉子（政治 - 第一個父母Breaking News下的第二個節點），它有一個與之相關聯的網址。我希望能夠禁用此項目。

是否可以禁用Wijmo菜單項？如果是這樣，怎麼樣？

預先感謝您！

Answer 1

我們有一個禁用選項添加到根菜單。我不認爲這是你想要的。我只是做類似於凱文的建議，但仍然使用禁用的attr。像這樣：

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

您還可以添加一點CSS以使其看起來被禁用。這裏是更新的小提琴：http://jsfiddle.net/3CQGC/3/

Answer 2

爲什麼你不能顯示你想禁用的分支或葉子？

菜單上的所有項目都是超鏈接，所以你不能禁用它們。

或出現的絕招：

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

，以確保鏈接什麼也不做，當你點擊它。