Swisnl 上下文菜单主题
Swisnl Context menu theme
我正在使用来自 github 的 jquery 上下文菜单插件,名为 Swisnl jQuery contextMenu
swisnl context menu documentation
菜单效果很好,但我注意到主题似乎不适用于它。我真的很想使用很棒的字体,并让这些图标使用我的 jquery 主题,但如果我不能这样做,那么至少让 jquery ui 图标与之配合使用。
我创建了一个 fiddle,它显示的菜单没有采用主题 '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
}
}
}
}
}
});
我确实尝试在 trigger:
之后添加 classNames:{icon:'fa'}
,如下所示:
$('#container').contextMenu({
selector: ".ui-button",
autoHide: true,
trigger: "left",
classNames:{icon:'fa'},
build: function($trigger, e) {
............
但这使得图标紧挨着菜单选项而不是在它们的常规位置,而且似乎没有应用任何主题。
有人知道如何让上下文菜单使用我的 jQuery UI 主题吗?
抱歉,菜单不支持 jQuery UI 主题。
我正在使用来自 github 的 jquery 上下文菜单插件,名为 Swisnl jQuery contextMenu
swisnl context menu documentation
菜单效果很好,但我注意到主题似乎不适用于它。我真的很想使用很棒的字体,并让这些图标使用我的 jquery 主题,但如果我不能这样做,那么至少让 jquery ui 图标与之配合使用。
我创建了一个 fiddle,它显示的菜单没有采用主题 '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
}
}
}
}
}
});
我确实尝试在 trigger:
之后添加 classNames:{icon:'fa'}
,如下所示:
$('#container').contextMenu({
selector: ".ui-button",
autoHide: true,
trigger: "left",
classNames:{icon:'fa'},
build: function($trigger, e) {
............
但这使得图标紧挨着菜单选项而不是在它们的常规位置,而且似乎没有应用任何主题。
有人知道如何让上下文菜单使用我的 jQuery UI 主题吗?
抱歉,菜单不支持 jQuery UI 主题。