313组件库 - jQuery网页右键菜单

jQuery网页右键菜单

发布日期：2019-07-03 11:07:48 浏览次数：891 下载量：1

查看演示立即下载

新用户注册立送5积分哦...

插件描述：右键菜单，右键，web右键,jquery,jquery插件

组件介绍:

引用jQuery库和插件以及样式文件

<link rel="stylesheet" href="assets/style.css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="assets/script.js"></script>

调用插件

$(document).ready(function() {
    var rcm = window.RMenu;
    rcm.init({
        area: 'body',
        items: {
            "edit": {
                name: "编辑",
                icon: 'edit'
            },
            "del": {
                name: "删除",
                icon: 'trash-o'
            },
            "add": {
                name: "添加",
                icon: 'plus',
                items: {
                    "new-text": {
                        name: "添加文件",
                        icon: 'file-text'
                    },
                    "new-zip": {
                        name: "添加ZIP",
                        icon: 'file-zip-o'
                    }
                }
            },
            "refresh": {
                name: "刷新",
                icon: 'refresh'
            },
            "down": {
                name: "下载按钮",
                icon: 'cloud-download'
            },
            "new": {
                name: "新建",
                icon: 'file',
                items: {
                    "new-text": {
                        name: "新建文件",
                        icon: 'file-text'
                    },
                    "new-zip": {
                        name: "新建ZIP",
                        icon: 'file-zip-o'
                    }
                }
            }
        },
        callback: function(res) {
            if (res.data == 'edit') {
                console.log('点击了edit');
            } else if (res.data == 'del') {
                console.log('点击了del');
            } else if (res.data == 'add') {
                console.log('点击了add');
            } else if (res.data == 'refresh') {
                window.location.reload();
            } else if (res.data == 'down') {
                console.log('点击了download');
            }
        }
    })
});