jQuery contextmenu 知道触发了什么

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>


原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/268804.html

(0)
上一篇 2022年6月20日
下一篇 2022年6月20日

相关推荐

发表回复

登录后才能评论