jQuery contextmenu know what triggered
我目前正在使用这个上下文菜单插件:
http://medialize.github.io/jQuery-contextMenu
现在我有一个列表,我在上面绑定了一个菜单。
菜单本身正在运行。
但是当我单击列表中的一个项目时,我需要知道列表中的哪个元素触发了 contextMenu。
据我现在所见,我只能看到 contextMenu 中的哪个项目被点击,但看不到哪个项目触发了 contextMenu。
有人知道怎么做吗?也许我需要另一个 contextMenu 插件?
将菜单绑定到列表的代码:
1 2 3 4 | $.contextMenu({ selector: '#productsWindow li a', items: $.contextMenu.fromMenu($('#productRightclickOnProductMenu')) }); |
链接到 jsFidle
试试这个 http://jsfiddle.net/r4eqqh4b/3/
我不得不将 html 菜单移动到 js 菜单初始化代码。
在回调函数选项参数中有触发上下文菜单的原始元素。
JS代码
1 2 3 4 5 6 7 8 9 10 | $.contextMenu({ selector: '#productsWindow li a', callback: function (key, options) { console.log($(options.$trigger).text()); }, items: { "Delete": { name:"Delete" }, } }); |
HTML 代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <ul id="productsWindow"> <li> C0002 - Dummy CPU </li> <li> R0001 - Kingston DDR18 </li> <li> C0005 - lkjlkj </li> <li> arno002 - mlkj </li> <li> comp0001 - Een lege computer </li> </ul> |