上下文菜单插件无法在模式下工作。 jsTree 中的错误？

Question

我正在使用 ngJsTree directive for jsTree。

我在模式中使用它时遇到问题。 我为 ngJsTree 创建了 issue。 但我不知道，如何在没有 angular 指令的情况下重现这个（没有 angular 就没有技能）。

这是屏幕，鼠标右键不起作用，正如预期的那样

更新

我为 jsTree 复制了这个 (plunker)。 一段代码：

 $(function () {
    // 6 create an instance when the DOM is ready
    $('#jstree').jstree({
        "checkbox": {
            real_checkboxes: true,
            real_checkboxes_names: function (n) {
                var nid = 0;
                $(n).each(function (data) {
                    nid = $(this).attr("nodeid");
                });
                return (["check_" + nid, nid]);
            },
            two_state: true
        },
        "plugins": ["themes", "json_data", "ui", "checkbox", "contextmenu"]
    });
    // 7 bind to events triggered on the tree
    $('#jstree').on("changed.jstree", function (e, data) {
        console.log(data.selected);
    });
    // 8 interact with the tree - either way is OK
    $('#jstreedemobutton').on('click', function () {
        $('#jstree').jstree(true).select_node('child_node_1');
        $('#jstree').jstree('select_node', 'child_node_1');
        $.jstree.reference('#jstree').select_node('child_node_1');
    });
}); 

上下文菜单超出模式。

Answer 1

您应该在 css 中添加以下规则： .vakata-context { z-index: 1100 }