Javascript 光标未进入关联菜单选项

我在mouseleave和mouseenter有问题。我有一个图像，当我拿鼠标时，它会显示上下文菜单。我的问题是我无法将鼠标放入关联菜单中，以便选择它的选项。当我将鼠标从图像中移出时，关联菜单将关闭。我需要一个代码，其中当我将鼠标移到图像上时，关联菜单将显示，当我试图将鼠标放入关联菜单时，关联菜单不会消失

这是我的密码：-

  var boolMouseEnter = false;
function ShowMenuItemsOnMouseEnter() {

$("img.showActionMenu").on('mouseenter', function (e) {

    var itemId = $(this).closest("li").attr("id");

    $('#' + itemId).trigger({ type: 'mousedown', button: 2 }).
        trigger({ type: 'mouseup', pageX: e.pageX-5, pageY: e.pageY-10 });
});

boolMouseEnter = $("#ulPackage,#ulRemoveAll,#ulRemove,#ulSort").is('mouseenter');


$("img.showActionMenu").on('mouseleave', function (e) {
    if (!boolMouseEnter) {

        $(document).trigger('click');
    }
});
}

ulPackage、ulRemove、ulRemoveAll和ulSort都是上下文菜单的“ul”ID

---

提前谢谢

您是否检查了触发

mouseenter

时

boolMouseEnter

是否具有预期值？尝试

console.log（boolMouseEnter）在给出其值的语句之后，检查控制台以了解它将打印出什么。最好也提供HTML结构^^