jquery多级右键菜单自定义右键菜单

所属分类:其他-独立的部件,杂项

jquery多级右键菜单自定义右键菜单 ie兼容8

使用方法

引入contextmenu.css样式,jquery.类库及contextmenu.js,如需使用内置图标请引入icon文件夹下的js,css等

示列如下:

$(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, "回调数据");

});
相关插件-独立的部件,杂项

canvas实现的步骤流程插件

项目需要,找不到合适的,个人编写实现,可根据数据动态生成节点
  独立的部件
 3049  25

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 14550  197

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 8063  52

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 7915  49

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复
  短信接口