Javascript JSTree上下文菜单未显示

Javascript JSTree上下文菜单未显示,javascript,contextmenu,jstree,Javascript,Contextmenu,Jstree,我正在尝试在javascript项目中设置上下文菜单。下面是我为树的json数据和树的创建所编写的代码 let json_data = { 'core': { 'data': [ { 'text': 'First', 'state': { 'opened': false,

我正在尝试在javascript项目中设置上下文菜单。下面是我为树的json数据和树的创建所编写的代码

let json_data = {
        'core': {
            'data': [
                {
                    'text': 'First',
                    'state': {
                        'opened': false,
                        'selected': false
                    },
                    'children': [
                        {
                            'text': 'First'
                        },
                        {
                            'text': 'Second'
                        },
                        {
                            'text': 'Third'
                        }
                    ]
                },
                {
                    'text': 'Second',
                    'state': {
                        'opened': false,
                        'selected': false
                    },
                    'children': [
                        {
                            'text': 'First'
                        },
                        {
                            'text': 'Second'
                        },
                        {
                            'text': 'Third'
                        }
                    ]
                },
                {
                    'text': 'Third',
                    'state': {
                        'opened': false,
                        'selected': false
                    },
                    'children': [
                        {
                            'text': 'First'
                        },

                    ]
                }
            ]


        },
        'plugins': ['contextmenu'],
        'contextmenu' : {
            'items': this.customMenuOptions
        }

    };
    tree.jstree(json_data).bind("select_node.jstree", function(e, data){});
    console.log(tree[0]);
}
这是我的customMenuOptions代码:

customMenuOptions(node) {
        console.log(node);
        let items = {
            'item1': {
                'label': 'item1',
                'action': function(){}
            },
            'item2': {
                'label': 'item2',
                'action': function(){}
            }
        };

        return items;

    }

我知道右键单击功能正在发挥作用,因为每当我右键单击树上的任意节点时,
customMenuOptions
顶部的print语句就会出现在控制台中;但是,菜单不会显示。任何帮助都将不胜感激。谢谢。

通过增加上下文菜单元素的z索引修复了这个问题,这样它就不会隐藏在其余元素的后面。

您看过这里吗@据我所知,我有一个入侵者,我正在做的事情与那篇文章中被接受的答案几乎相同。@SiddMenon您可能必须为树共享一些更具体的代码。您共享的代码片段似乎没有问题。@StephenS共享了更多。我查看了控制台的“元素”选项卡,看到右键单击时创建了上下文菜单元素,并在外部单击时删除。唯一的问题是元素不可见。