如何禁用 Wijmo 菜单项？

Question

是否可以禁用 Wijmo 菜单项？

我有以下 fiddle，并且我想禁用菜单选项（分支或分支） leaf) 如果用户没有特定的权限。我尝试将节点的

和 标记设置为具有 disabled 属性。我尝试设置 disabled='disabled' 和 disabled='true' 和 disabled=true，但无法获取菜单项禁用。

菜单组件的 API 似乎没有禁用某个项目的方法，因此我假设我只会禁用 DOM 中的元素。

在我的小提琴中，有一个叶子（政治——第一个父级突发新闻下的第二个节点）有一个与之关联的 URL。我希望能够禁用此项目。

是否可以禁用 Wijmo 菜单项？如果是这样，怎么办？

先感谢您！

Answer 1

我们在根菜单中添加了一个禁用选项。我认为这不是你想要的。我只会做类似于凯文的建议的事情，但仍然使用禁用的属性。像这样：

$("#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" />

确保当您单击链接时该链接不会执行任何操作。