右键菜单

本节主要介绍框架的自定义右键菜单。

初始化

• jQuery API：右键菜单仅支持jQuery API初始化

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

示例：　请用鼠标右键点我 请在控制台看点击菜单后的输出效果！

示例代码：

                <button type="button" class="btn-blue" id="doc-contextmenu-example">请用鼠标右键点我</button>
                <script type="text/javascript">
                    $('#doc-contextmenu-example').contextmenu('show', 
                        {
                            items:[
                               {
                                   title : '菜单一',
                                   func  : function(parent, menu) {
                                       console.log(parent)
                                       console.log('第一个菜单！');
                                   }
                               },
                               {
                                   title : '菜单二',
                                   func  : function(parent, menu) {
                                       console.log(menu)
                                       console.log('第二个菜单！');
                                   }
                               },
                               {
                                   title : 'diver'
                               },
                               {
                                   title : '无执行方法的菜单'
                               },
                               {
                                   title : '其他菜单',
                                   func  : function(parent, menu) {
                                       console.log('其他菜单！')
                                   }
                               }
                           ]
                        }
                    )
                </script>
            

参数（options）

名称	类型	默认值	描述
items	array[object(title, func)]	null	[必选] 右键菜单名称及对应方法的数组，object的参数见下面两行。
└ items - title	string	null	[必选] 右键菜单的名称，当title="diver"时，将生成一条分隔线。
└ items - func	function(parent, menu)	null	[可选] 点击右键菜单时执行的方法，parent = 弹出右键菜单的jQuery对象，menu = 被点击菜单的jQuery对象。
shadow	boolean	true	[可选] 是否显示右键菜单的阴影效果。