如何禁用 Wijmo 菜单项？答案

【问题标题】：How do I disable a Wijmo Menu item?如何禁用 Wijmo 菜单项？
【发布时间】：2011-10-22 18:05:27
【问题描述】：

是否可以禁用 Wijmo 菜单项？

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

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

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

是否可以禁用 Wijmo 菜单项？如果有，怎么做？

提前谢谢你！

【问题讨论】：

也将研究在项目上公开禁用选项。目前我们只在根小部件上显示它。

标签： jquery menu wijmo

【解决方案1】：

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

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

您还可以添加一些 CSS 使其看起来被禁用。这是更新的小提琴：http://jsfiddle.net/3CQGC/3/

【讨论】：

【解决方案2】：

为什么不能不显示要禁用的分支或叶子？

菜单上的所有项目都是超链接，因此您不能禁用它们。

或者有以下技巧：

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

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

【讨论】：

+1 - 感谢凯文的回答。我可能没有能力（按规格）删除我想禁用的分支或叶子。在尝试更改规格之前，我想看看是否有办法使用 Wijmo 菜单执行此操作。感谢您的意见！