javascript - Jquery contextMenu 标题和子菜单上的功能

Question

我正在使用https://swisnl.github.io/jQuery-contextMenu/创建一个 jquery 上下文菜单。

我已经成功地完成了子菜单的创建部分。我必须使用构建，以便获得一些仅在运行时可用的数据。该数据出现在子菜单上，我需要在每个子菜单项上都有一个标题，以及每个子菜单项的单击功能。

我似乎无法让它工作，这些子菜单项的标题和功能。

这是我的代码：

$.contextMenu({
        selector: '.gridRelatorioCursorMorada',
        build: function ($triggerElement, e) {
            var coords = $triggerElement[0].attributes['data-coord'].nodeValue;
            var coordsArray = coords.split(',');
            return {
                callback: function (key) {
                    if (key === 'get') {
                        getdata();
                    }
                },
                items: {
                    get: {
                        name: "Get data"
                    },
                    see: {
                        name: "See data",
                        items: {
                            normal: { name: coords },
                            graus: { name: dd2dms(coordsArray[0], coordsArray[1]) },
                            siresp: { name: decimalToSIRESPCoordinates(coordsArray[0], coordsArray[1]) }
                        }

                    }
                }
            };
        }
    });

由于 contextMenu 的事件部分不适用于构建，我不知道还能做什么。我还添加了以下代码：

$(document).on('contextmenu',  function () {
        $('.context-menu-submenu > ul > li').attr('title', 'tituro');
});

但它也不起作用。

标签： javascriptjqueryjquery-ui-contextmenu

Answer 1

我的错。

事件确实适用于构建。这让我得到了每个子菜单项的标题。

点击函数我让它与回调函数一起使用。