Question

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

菜单效果很好，但我注意到主题似乎不适用于它。我真的很喜欢使用字体真棒并让这些图标使用我的jquery主题，但如果我不能这样做那么至少得到jquery ui图标使用它。

我创造了一个小提琴，显示菜单没有采用主题'le-frog'。编辑菜单使用jQuery图标，而其他两个菜单项仅使用fontAwesome进行演示。

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
          }
        }
      }
    }

  }
});

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

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

但这使得图标位于菜单选项旁边而不是常规位置，并且似乎无论如何都不会应用任何主题。

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

Answer 1

对不起，但菜单不支持jQuery UI主题。

Swisnl上下文菜单主题

1 个答案: