Question

是否可以禁用Wijmo菜单项？

我有以下fiddle，如果用户没有特定权限，我想禁用菜单选项（分支或叶子）。我已尝试将节点的<li>和<a>标记设置为disabled属性。我已尝试设置disabled='disabled'和disabled='true'以及disabled=true，但无法将菜单项设置为禁用。

菜单组件的API似乎没有禁用项目的方法，所以我假设我只是禁用DOM中的元素。

在我的小提琴中，有一片叶子（政治 - 第一个父母Breaking News下的第二个节点），它有一个与之关联的URL。我希望能够禁用此项目。

是否可以禁用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" />

确保链接在您点击时无效。

如何禁用Wijmo菜单项？

2 个答案: