简简单单右键菜单

核心提示： builditem方法就比较简单，就不详细描述了，简简单单右键菜单(8)，接着我们还是继续往下看主流程了哦01.varme=$(this).each(function(){02.//给元素添加右键事件了哦03.return$(this).bind('contextmenu',fu

builditem方法就比较简单，就不详细描述了，接着我们还是继续往下看主流程了哦

01.var　me　=　$(this).each(function()　{
02.　　　　　　　//给元素添加右键事件了哦
03.　　　　　　　　　　　　return　$(this).bind('contextmenu',　function(e)　{
04.　　　　　　　　//如果(option.onContextMenu　存在则调用并判断返回值是否显示菜单,可以利用这个在特定情况下禁用菜单
05.　　　　　　　　　　　　　　　　var　bShowContext　=　(option.onContextMenu　&&　$.isFunction(option.onContextMenu))　?　option.onContextMenu.call(this,　e)　:　true;
06.　　　　　　　　　　　　　　　　if　(bShowContext)　{
07.　　　　　　　　　　　　//触发onShow事件，这个事件中可以执行修改rule，禁用某几项菜单项哦
08.　　　　　　　　　　　　　　　　　　　　if　(option.onShow　&&　$.isFunction(option.onShow))　{
09.　　　　　　　　　　　　　　　　　　　　　　　　option.onShow.call(this,　root);
10.　　　　　　　　　　　　　　　　　　　　}
11.　　　　　　　　　　　　　　　　　　　　root.showMenu(e,　this);//调用显示菜单
12.　　　　　　　　　　　　　　　　}
13.　　　　　　　　//阻止冒泡
14.　　　　　　　　　　　　　　　　return　false;
15.　　　　　　　　　　　　});
16.　　　　　　　　});
17.　　　　　　　　//设置显示规则，第一次执行时的规则，同时也可以onshow中动态设置rule
18.　　　　　　　　if　(option.rule)　{
19.　　　　　　　　　　　　applyRule(option.rule);
20.　　　　　　　　}

基本就OK了，另外几个方法就比较简单了，还有亮点是边缘的处理，这个前面的datepicker中也有相应的说明逻辑差不多就不在描述了，同样还是来看下demo吧。关于打包下载，大家可以把demo的网页完整的另存为即可

http://jscs.cloudapp.net/ControlsSample/CM

你的支持是我继续写作的动力。

文章来源：http://www.cnblogs.com/xuanye/archive/2009/10/29/1592585.html