Swisnl 上下文菜单主题

Question

我正在使用来自 github 的 jquery 上下文菜单插件，名为 Swisnl jQuery contextMenu

swisnl context menu documentation

菜单运行良好，但我注意到主题似乎不适用于它。我真的很想使用 font awesome 并让这些图标使用我的 jquery 主题，但如果我不能这样做，那么至少让 jquery ui 图标使用它。

我创建了一个小提琴，显示菜单不采用主题“le-frog”。编辑菜单使用 jQuery 图标，而其他两个菜单项使用 fontAwesome 仅用于演示目的。

FIDDLE

HTML：

<div id='container'>
  <button id='clickMe' class="ui-button">
    Click
  </button>
</div>

jQuery：

$('#container').contextMenu({
  selector: ".ui-button",
  autoHide: true,
  trigger: "left",
  build: function($trigger, e) {
    return {
      items: {
        edit: {
          name: "Edit",
          icon: "ui-icon-pencil",
          callback: function(itemKey, opt) {

          }
        },
        remove: {
          name: "Delete",
          icon: "fa-trash",
          callback: function(itemKey, opt) {

          }
        },
        sep2: "---------",
        quit: {
          name: "Quit",
          icon: "fa-times",
          callback: function() {
            //empty callback closes context menu
          }
        }
      }
    }

  }
});

我确实尝试在trigger: 之后添加classNames:{icon:'fa'}，如下所示：

$('#container').contextMenu({
  selector: ".ui-button",
  autoHide: true,
  trigger: "left",
  classNames:{icon:'fa'},
  build: function($trigger, e) {
  ............

但这使得图标位于菜单选项旁边，而不是它们的常规位置，并且似乎没有应用任何主题。

任何人有关于如何让上下文菜单使用我的 jQuery UI 主题的想法？

Answer 1

很抱歉，菜单不支持 jQuery UI 主题。