JSTree上下文菜单未显示

Question

我正在尝试在我的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语句；但是，菜单不会显示。任何帮助，将不胜感激。谢谢。

Answer 1

通过增加上下文菜单元素的z-index来解决此问题，从而使其不隐藏在其余元素的后面。