日志
R2的-2 007年七月十六日
现在默认正确适用
由影子， eventPosX ， eventPosY ， onContextMenu和onShowMenu选择
许多这些变化的照顾丹湾瑞士，二。由于丹！
r1 -2 007年3月9
首次发布
用法
$ （要素） 。 contextMenu （弦乐menu_id [对象设置] ） ;
您定义的菜单结构中的HTML标记。对于每个菜单上，建立一个无序列表中区级“ contextMenu ”和你的ID将提交给它的（见实例） 。该专区也可以放在任何地方，因为它会自动被隐藏的插件。
你可以有许多定义菜单的网页上您想要的。每个<li>元将作为一个选择的菜单上。给每个<li>一个独特的标识，以便可采取行动约束它。
注： ContextMenu目前不支持嵌套菜单。此功能可能会在即将发布。
参数
menu_id
的ID定义菜单中的标记。您可以绑定一个或多个要素的菜单。例如： $ （ “表的TD ” ） 。 contextMenu （ “ myMenu ” ）将绑定的菜单ID为“ myMenu ”的所有表细胞。
注意：此行为已经从r1 ，您需要一个“ ＃ ”之前的ID
设置
ContextMenu需要一个可选的设置对象，让你风格的菜单，并点击绑定处理每一个选择。 ContextMenu支持下列特性的设置对象：
绑定
一个对象含有“编号” ：对功能。所提供的功能是行动进行时，相关的项目被点击。的因素，引发了当前菜单被传递给这个处理器作为第一个参数。
注意：此行为已经从r1 ，您需要一个“ ＃ ”之前的ID
menuStyle
一个对象含有styleName ：值配对的风格包含<ul>菜单。
itemStyle
一个对象含有styleName ：值配对的风格的<li>内容。
itemHoverStyle
一个对象含有styleName ：值配对的风格的悬停行为<li>内容。
阴影
布尔：显示一个基本的下拉阴影的菜单上。
默认值为true
eventPosX
可让您确定哪些点击事件是用来确定在哪里置于菜单。有可能的时间（尤其是在的IE6 ）如您需要将它设置为“ clientX ” 。
默认为： ' pageX '
eventPosY
可让您确定哪些点击事件是用来确定在哪里置于菜单。有可能的时间（尤其是在的IE6 ）如您需要将它设置为“ clientY ” 。
默认为： ' pageY '
onContextMenu （活动）
自定义事件功能，运行前的上下文菜单显示。如果该函数返回虚假的菜单是不显示的。这样，您就可以附加上下文菜单中的大块组成部分（或整个文件） ，然后过滤右键与否上下文菜单中应显示。
onShowMenu （事件，菜单）
自定义事件功能，运行前的菜单显示。它是通过了一项参考的菜单元素，可以让你操纵的输出前的菜单显示。这样，您就可以隐藏/显示选项或其他任何你能想到的面前显示上下文菜单给用户。此函数必须返回菜单。
更改默认
除了信息传递方式为每个菜单通过设置对象，您可以延长默认选项为所有的菜单，呼吁$ 。 contextMenu.defaults （设置） 。每一个绑定设置除可作为一种默认。
例如：
$.contextMenu.defaults({
menuStyle : {
border : "2px solid green"
},
shadow: false,
onContextMenu: function(e) {
alert('Did someone asked for a context menu?!');
}
});
范例
范例1 -基本使用的绑定
右键为这一工程的演示太
网页
<div class="contextMenu" id="myMenu1">
<ul>
<li id="open"><img src="folder.png" /> Open</li>
<li id="email"><img src="email.png" /> Email</li>
<li id="save"><img src="disk.png" /> Save</li>
<li id="close"><img src="cross.png" /> Close</li>
</ul>
</div>
js代码.
$('span.demo1').contextMenu('myMenu1', {
bindings: {
'open': function(t) {
alert('Trigger was '+t.id+'nAction was Open');
},
'email': function(t) {
alert('Trigger was '+t.id+'nAction was Email');
},
'save': function(t) {
alert('Trigger was '+t.id+'nAction was Save');
},
'delete': function(t) {
alert('Trigger was '+t.id+'nAction was Delete');
}
}
});