请在代码块一,或代码块二点击鼠标右键触发右键菜单....
$(function() { var callback = function(data){ //自定义统一回调处理 可无 console.log(data); alert(JSON.stringify(data.data)+",按键盘“F12”键,前往浏览器控制台查看详细输出信息..."); } var menu1= { menus : [ { title : '新增', icon : 'icon-plus', callback : function(data) { callback(data); }, children : [ { title : '菜单一', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] }, { title : '菜单二', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] } ] }, { title : '删除', icon : 'icon-minus', callback : function(data) { callback(data); }, children : [] }, { title : '其它', icon : 'icon-resize', callback : function(data) { callback(data); }, children : [ { title : '菜单一', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] }, { title : '菜单二', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [ { title : '菜单一', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [ { title : '菜单一', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] }, { title : '菜单二菜单二菜单二菜单二', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] } ] }, { title : '菜单二', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] } ] } ] } ] }; /* 参数回调数据描述,《任意值,可是对象,字符串,数值....》,参数回调数据非必须,可不传入 */ $("#example1").contextMenu(menu1,{'id':1001,'note':'传入数据用于菜单回调,默认菜单名称'}); });
$(function() { var callback = function(data){ //自定义统一回调处理 可无 console.log(data); alert(JSON.stringify(data.data)+",按键盘“F12”键,前往浏览器控制台查看详细输出信息..."); } var menu = { menus : [ { title : '新增', icon : 'icon-plus', callback : function(data) { callback(data); }, children : [] }, { title : '删除', icon : 'icon-minus', callback : function(data) { callback(data); }, children : [] }, { title : '其它', icon : '', callback : function(data) { callback(data); }, children : [ { title : '菜单一', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] }, { title : '菜单二', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [ { title : '菜单一', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] }, { title : '菜单二菜单二菜单二菜单二', icon : 'icon-bars', callback : function(data) { callback(data); }, children : [] } ] } ] } ], //菜单 default_color:'#ff6428', //默认字体颜色 #272727 可无 hover_color:'rgb(255, 228, 0)', //默认选择后的字体颜色 #fff 可无 bgColor:'rgb(83, 8, 8)', //默认背景颜色 #fff 可无 color_block:'rgb(227, 95, 44)', //默认选择色块背景颜色 #3280fc 可无 line_color:'rgb(161, 53, 31)', //默认分割线条颜色 #e5e5e5 可无 }; /* 参数回调数据描述,《任意值,可是对象,字符串,数值....》,参数回调数据非必须,可不传入 */ $("#example2").contextMenu(menu,"回调数据"); });