右键菜单

自定义右键菜单

 

初始化：

jqueryAPI：右键菜单仅支持jqueryAPI初始化

$(selector).contextmenu('show',options)

例子：

 <script type="text/javascript">
        $(function(){
            $("#doc-contextmenu-example").contextmenu("show",{
                items:[
                    {
                            icon:'plus',
                            title:'新增菜单',
                            func:function(parent,menu){
                                console.log(parent);
                                console.log('第一个菜单 -- 新增');
                            }
                    },
                    {
                        icon:'apple',
                        title:'苹果苹果',
                        func:function(parent,menu){
                            console.log(menu);
                            console.log('第二个菜单 -- 苹果菜单');
                        }
                    },
                    {
                        title:'driver'
                    },
                    {
                        title:'无执行方法的菜单'
                    },
                    {
                        title:'其他菜单',
                        func:function(parent,menu){
                            console.log("其他菜单");
                        }
                    }

                ]
            });
        });
    </script>
    <button type="button" class="btn-blue" id="doc-contextmenu-example">请用鼠标右击我</button>

 

参数（options）

名称	类型	默认值	描述
items	array[object(title,func)]	null	[必选]右键菜单名称以及对应方法的数组，object的参数见下面两行
items-icon	string	null	【可选】右键菜单的图标（Font Awesome），用法同button的图标
items-title	string	null	【必选】右键菜单的名称，当title="diver"时，将生成一条分隔线
exclude	selector	null	【可选】不处罚右键菜单的子元素的jquery选择器
shadow	boolean	true	【可选】是否显示右键菜单的阴影效果