我正在使用来自 github 的名为Swisnl jQuery contextMenu的 jquery 上下文菜单插件
菜单效果很好，但我注意到主题似乎不适用于它。我真的很想使用很棒的字体并让这些图标使用我的 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 主题？