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'});
});

jQuery Context Menu，带有多个动作的单个菜单

1 个答案: