【jQuery】右键菜单插件——contextmenu
2015-12-20 05:52
507 查看
右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下:
Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。
例如,选中页面<textarea>元素,点击右键,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。如下图所示:
在浏览器中显示的效果:
从图中可以看出,当文本框与右键菜单通过插件
注意:contextmenu()的第一个参数用的是id名,前面没有加#。
$(selector).contextMenu(menuId,{options});
Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。
例如,选中页面<textarea>元素,点击右键,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。如下图所示:
在浏览器中显示的效果:
从图中可以看出,当文本框与右键菜单通过插件
contextmenu()方法绑定后,选中文本框,点击右键时,弹出快捷菜单,点击“新建”选项时,显示操作对应内容。
注意:contextmenu()的第一个参数用的是id名,前面没有加#。
相关文章推荐
- 【jQuery】搜索插件——autocomplete
- 【jQuery】cookie插件——cookie
- 【jQuery】图片放大镜插件——jqzoom
- 【jQuery】图片灯箱插件——lightBox
- 【jQuery】表单插件——ajaxForm()方法
- 【jQuery】表单验证插件——validate
- Jquery Dom操作
- 使用jQuery Deferred对象实现Promise
- ASP.NET MVC中,怎么使用jquery/ajaxForm上传文件
- jquery mobile 移动web(5)
- jQuery mobile 移动web(6)
- jQuery mobile 移动web(4)
- 解决jQuery 中的全选和取消全选
- Jquery的选择器
- 基于jQuery的TreeGrid组件
- jquery 的ajax请求传递json数据给struts的action
- jquery返回顶部,支持手机
- mobile jquery onload函数问题
- jQuery 快速入门教程
- jQuery插件的理解 $.extend()与$.fn.extend()