jQuery 上下文菜单，具有多个操作的单个菜单

Question

我正在使用以下 jQuery 上下文菜单：

http://www.javascripttoolbox.com/lib/contextmenu/index.php

用法很简单，创建一个这样的菜单

var menu1 = [
  {'Option 1':function(menuItem,menu) { alert("You clicked Option 1!"); } },
  $.contextMenu.separator,
  {'Option 2':function(menuItem,menu) { alert("You clicked Option 2!"); } }
];
$(function() {
  $('.cmenu1').contextMenu(menu1,{theme:'vista'});
});

然后你只需用菜单函数名称命名 div 类，所以在这个例子中

我面临的问题是我在表格单元格中有大约 30 个 div 层，我将它们全部归类为 cmenu1 因为我不想复制 30 个不同的菜单功能。本质上，我需要它们都具有相同的菜单选项，但是每个 div 的单击操作需要不同。因此，例如，如果我单击 div1 上的选项 1，它应该能够提醒我 div 编号。

Answer 1

var menu1 = [
  {'Option 1':function(menuItem,menu) { var myDIV = $(this).closest("div.cmenu1").attr("id"); alert("You clicked Option 1 inside div id " + myDIV  + " !"); } },
  $.contextMenu.separator,
  {'Option 2':function(menuItem,menu) { var myDIV = $(this).closest("div.cmenu1").attr("id"); alert("You clicked Option 2 inside div id " + myDIV  + " !"); } }
];
$(function() {
  $('.cmenu1').contextMenu(menu1,{theme:'vista'});
});