本文分享Jquery Easyui菜单组件的实现代码，供大家参考。具体内容如下

装载方法

菜单组件通常用于快捷菜单，在加载模式下按类或JS设置为菜单组件。然后，通过JS事件部分再次响应。

div id=' box ' class=' easui-menu ' div new/div span open/span！-辅助菜单-div style=' width :150 px；'Div word/Div Div excel/Div Div PowerPoint/div/div/Div数据-选项=' icon cls : ' icon-save ' ' save/Div class=' menu-sep '/Div退出/Div/Div脚本$(function () {//右键单击事件弹出菜单$ (document)。on('上下文菜单'，函数(e){//阻塞系统默认弹出菜单e . preventdefault()；//显示自定义菜单$ ('# box ')。菜单(' show '，{left:e.pagex，top : e . pagey })；});});/script菜单项属性

！-在data-options设置中，只有两个参数有效，在menu method-div data-options=' icon cls : ' icon-save '，disabled: true，' save /div menu '属性中设置菜单项时，其他参数有效。

//menu属性，对于data-options $ ('# box ')也有效。menu ({left: 100，top: 100，zindex 3360 100，minwidth : 200，hideonunhover 3360 true，})；菜单事件

//触发事件$ ('# box ')。菜单({on show : function () {alert('显示时触发！');}，onHide :函数(){alert('隐藏时触发！');}，onClick :函数(item){ alert(item . text)；}});菜单方法

//返回属性对象console.log ($ ('# box ')。菜单('选项')；//显示菜单$ ('# box ')。菜单(' show '，{left:e.pagex，top:e.pagey，})；//隐藏菜单$('#box ')。菜单('隐藏')；//销毁菜单$('#box ')。菜单('销毁')；//获取菜单项对象console.log ($ ('# box ')。菜单(' getitem '，' # new ')；//设置菜单项$(“# box”)的文本。菜单(' settext '，{target:' # new '，text:' modify '，})；//设置菜单项图标$ ('# box ')。菜单(' seticon '，{target:' # new '，iconcl s 3360 ' icon-add '，})；//获取指定的菜单项对象console.log ($ ('# box ')。菜单(' finditem '，' new ')通过文本显示；//添加顶级菜单项$ ('# box ')。menu ('append item '，{text:' add '，iconcl s 3360 ' icon-add '，onclick 3360 function(){ alert(' add ')；},});//添加子菜单项$ ('# box ')。菜单('追加项'，{parent: $ ('# box ')。菜单(' finditem '，' open ')。target，text :' add '，icon cls:' icon-add }，})；//移出指定的菜单项$(“# box”)。菜单('移除项目'，' # new ')；//禁用指定的菜单项$ ('# box ')。菜单(' disableitem '，' # new ')；//启用指定的菜单项$ ('# box ')。菜单('启用项目'，' # new ')；//使用$.fn.menu.defaults覆盖默认值对象。以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。