jQuery 上下文菜单知道触发了什么

Question

我目前正在使用这个上下文菜单插件： http://medialize.github.io/jQuery-contextMenu

现在我有一个列表，我在上面绑定了一个菜单。菜单本身正在运行。

但是当我单击列表中的项目时，我需要知道列表中的哪个元素触发了上下文菜单。据我目前所知，我只能看到上下文菜单中的哪个项目被单击，但看不到哪个项目触发了上下文菜单。

有人知道怎么做吗？也许我需要另一个 contextMenu 插件？

菜单绑定列表的代码：

$.contextMenu({
    selector: '#productsWindow li a',
    items: $.contextMenu.fromMenu($('#productRightclickOnProductMenu'))
});

Link to jsFidle

Answer 1

试试这个 http://jsfiddle.net/r4eqqh4b/3/ 我不得不将 html 菜单移动到 js 菜单初始化代码。在回调函数选项参数中有触发上下文菜单的原始元素。

JS代码

$.contextMenu({
      selector:  '#productsWindow li a',
      callback: function (key, options) 
                {
                  console.log($(options.$trigger).text());
                },
        items: {
                "Delete": { name: "Delete" },
                }
            });

HTML代码

<ul id="productsWindow">
    <li><a href="#" style="padding-left: 0px;">C0002 - Dummy CPU</a></li>
    <li><a href="#" style="padding-left: 0px;">R0001 - Kingston DDR18</a></li>
    <li><a href="#" style="padding-left: 0px;">C0005 - lkjlkj</a></li>
    <li><a href="#" style="padding-left: 0px;" class="">arno002 - mlkj</a></li>
    <li><a href="#" style="padding-left: 0px;">comp0001 - Een lege computer</a></li>
</ul>

jQuery 上下文菜单知道触发了什么

jQuery contextmenu know what triggered

jquery

contextmenu