Swisnl上下文菜单主题

我使用一个jQuery上下文菜单插件从GitHub称为Swisnl jQuery contextMenu Swisnl上下文菜单主题

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

我创建了一个小提琴，显示菜单没有采取主题为“乐蛙”。编辑菜单使用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 
      } 
     } 
     } 
    } 

    } 
});

我也尝试了trigger:后添加classNames:{icon:'fa'}像这样：

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

但是做出的图标坐在旁边的菜单选项，而不是在其经常的地方，似乎没有反正应用任何主题。

任何一个有关于如何获取上下文菜单使用我的jQuery UI的主题思想？

来源

2016-09-15 Blindsyde

我很抱歉，但菜单不支持jQuery UI的主题化。从笔者

来源

2016-09-16 20:59:16 Bjorn

直！谢谢你让我知道。 – Blindsyde

Swisnl上下文菜单主题

回答

相关问题