Javascript JSTree上下文菜单未显示
我正在尝试在javascript项目中设置上下文菜单。下面是我为树的json数据和树的创建所编写的代码Javascript JSTree上下文菜单未显示,javascript,contextmenu,jstree,Javascript,Contextmenu,Jstree,我正在尝试在javascript项目中设置上下文菜单。下面是我为树的json数据和树的创建所编写的代码 let json_data = { 'core': { 'data': [ { 'text': 'First', 'state': { 'opened': false,
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共享了更多。我查看了控制台的“元素”选项卡,看到右键单击时创建了上下文菜单元素,并在外部单击时删除。唯一的问题是元素不可见。