jQuery插件ContextMenu自定义图标

作者：袖梨 2022-06-25

jQuery的ContextMenu插件使用起来非常简单（当前前提是看了我的上一篇微博，哈哈），但是想改菜单的图标，很多人又要懵圈了。因为ContextMenu插件只提供了有限的几个图标，如剪切、拷贝、删除等等。

修改图标的相关代码：

代码如下

复制代码

$(function(){
  $.contextMenu({
    selector:'.context-menu-one',
    callback:function(key, options) {
      varm ="clicked: "+ key;
      window.console && console.log(m) || alert(m);
    },
    items: {
      "edit": {name:"Edit", icon:"edit"},
      "cut": {name:"Cut", icon:"cut"},
      "copy": {name:"Copy", icon:"copy"},
      "paste": {name:"Paste", icon:"paste"},
      "delete": {name:"Delete", icon:"delete"},
      "sep1":"---------",
      "quit": {name:"Quit", icon:"quit"}
    }
  });
 
  $('.context-menu-one').on('click',function(e){
    console.log('clicked',this);
  })
});