jquery - 使用 jQuery contextMenu 插件获取打开上下文菜单的单击元素的 ID

Question

我使用jQuery contextMenu来自 Rodney Rehm 的 SVG 图形。对于基本使用来说它工作得很好。

但我需要获取触发上下文菜单的 SVG 元素的 ID(或任何其他属性)，以便在上下文菜单的项目列表中使用它来获取动态项目名称。

我与 Simple Context Menu 合作演示，现在想要根据单击的 SVG 元素的 ID 将这些静态菜单项替换为动态菜单项。

Answer 1

这可能对您有帮助:http://medialize.github.com/jQuery-contextMenu/demo/dynamic-create.html
这是一些示例代码:

$(function(){
    $.contextMenu({
        selector: 'my-selector-here', 
        build: function($trigger, e) {
            // this callback is executed every time the menu is to be shown
            // its results are destroyed every time the menu is hidden
            // e is the original contextmenu event, containing e.pageX and e.pageY (amongst other data)
            // $trigger is the element that was rightclicked on - get its id here
            var id = $trigger.getTheIDSomehow()
            // build the menu items
            if (id == 1) {
              menuItems = {...}
            else if (id == 2)
              menuItems = {...}
            return {
                callback: function(key, options) {
                    // this is called when one of the contextmenu options is clicked
                },
                items: menuItems
            };
        }
    });
});