jQuery插件上下文菜单自定义图标

JQuery的ContextMenu插件使用起来非常简单(目前的前提是看了我最后一篇微博，哈哈)，但是如果要换菜单图标，很多人又会困惑了。因为ContextMenu插件只提供了有限的图标，比如剪切、复制、删除等等。

修改图标的相关代码：

$(function(){ $)。contextMenu({ selector: '。上下文菜单一，回调：函数(键，选项){ var m='clicked: '键；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 ' }，$('.上下文菜单-一')。on('click '，function(e){ console . log(' click '，this)；})});图标效果：

现在我们要增加一个“帮助”选项，图标是一个问号图，我们该怎么办？

首先，我们要准备一张16*16的png图片。在网上搜索合适的图片，然后用Photoshop或者米托秀秀剪出来。命名图片help.png，并将其复制到指定的图像文件夹。

然后在上面的代码中添加以下代码：

帮助' : {名称： '帮助'，图标： '帮助' }

然后修改jquery.contextMenu.css文件，找到定义图标图片的位置，添加相应的帮助图标代码。上下文菜单-item . icon-help { background-image : URL(images/help . png)；}

好了，你说完了。效果如下：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。