尝试从 jquery-contextmenu 菜单中动态删除 "sep1" 项。我该如何处理?

trying to remove "sep1" item from the jquery-contextmenu menu dynamically. How do i approach it?

我正在为我的项目使用 jquery-contextmenu。我创建了以下菜单,其中我有几个需要动态隐藏的分隔符(sep1、sep2...等)。我该如何处理?问题是当我动态隐藏一些项目时,分隔符仍然可见。

$.contextMenu({
    selector: '#ItemSelector',
    callback: function (key, options) {
        var m = "clicked: " + key;
        window.console && console.log(m) || alert(m);

        //handle event once right click is pressed on any option.

    },
    events: {
        show: function (options) {
           //some code
        }
    },
    items: {
        "menu_context_selection": {
            name: "Start/Stop Selection",
            icon: "fa-check-square-o",
            visible: function (key, opt) {
                return !true;
            }
        },
        "menu_context_open": {
            name: "Open",
            icon: "fa-folder-open-o",
            visible: function (key, opt) {
                return true;
            }

        },
        "sep1": "---------",
        "menu_context_rename": {
            name: "Rename",
            icon: "fa-keyboard-o",
            visible: function (key, opt) {
                return !true;
            }
        },
        "menu_context_delete": {
            name: "Delete",
            icon: "fa-recycle",
            visible: function (key, opt) {
                return !true;
            }
        },
        "sep2": "---------",
        "menu_context_newfolder": {
            name: "New Folder",
            icon: "fa-folder-o",
            visible: function (key, opt) {
                return !true;
            }
        },
        "sep3": "---------",
        "menu_context_copy": {
            name: "Copy",
            icon: "fa-files-o",
            visible: function (key, opt) {
                return !true;
            }
        }
    }
});

只是 return 可见 属性 设置为 false

的对象
"sep1": true ? "---------" : {visible: false}