jquery - Swisnl 上下文菜单主题

Question

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

swisnl context menu documentation

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

我创建了一个 fiddle ，它显示的菜单没有采用“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 主题。