无法隐藏 jeegoocontext 制作的上下文菜单

Question

以下是我正在开发的网站示例的链接：
https://grenada.lumc.nl/LOVD3/shared/genes

我正在尝试隐藏由 jeegoocontext 生成的上下文菜单（将鼠标悬停在页面顶部的选项卡上时弹出的菜单，例如“放映”）。当我将鼠标悬停在选项卡上时，上下文窗口会按预期显示。但是，当我将鼠标移出选项卡而没有实际触摸上下文菜单（例如从顶部退出顶部）时，上下文菜单不会隐藏，我无法让它这样做。

如果我在退出之前将鼠标悬停在菜单上，那么它的行为就应该如此。有没有人有一个解决方案，不涉及使用与 jeegoocontext 不同的库？

编辑：
这是 jeegoocontext zip 的链接，其中原始 .js 文件位于文件夹 jeegoocontext 中。
http://www.planitworks.nl/uploads/afbeelding/components/downloads /jeegoocontext_1_3.zip

干杯，

lugte098

Answer 1

尝试将脚本放在页面的页脚中，如下所示：

$(document).ready(function(){
    var aMenuOptions = {
        widthOverflowOffset: 0,
        heightOverflowOffset: 1,
        startLeftOffset: -20,
        event: "mouseover",
        openBelowContext: true,
        autoHide: true,
        delay: 100,
        onSelect: function(e, context){
            if($(this).hasClass("disabled"))
            {              
                return false;
            } else {
                window.location = $(this).find("a").attr("href");
                return false;
            }
        },
    };
    $('#tab_genes').jeegoocontext('menu_tab_genes', aMenuOptions);
    $('#tab_transcripts').jeegoocontext('menu_tab_transcripts', aMenuOptions);
    $('#tab_variants').jeegoocontext('menu_tab_variants', aMenuOptions);
    $('#tab_individuals').jeegoocontext('menu_tab_individuals', aMenuOptions);
    $('#tab_diseases').jeegoocontext('menu_tab_diseases', aMenuOptions);
    $('#tab_screenings').jeegoocontext('menu_tab_screenings', aMenuOptions);
    $('#tab_submit').jeegoocontext('menu_tab_submit', aMenuOptions);
});

问题是脚本可能在 hmtl DOM 完成之前运行。
试试这个。