如何在function1完成后运行function2？

Question

我正在进行侧边栏导航：当我们点击切换按钮时侧边栏会打开，并且它会一直打开，直到我们再次点击切换按钮。 对于相同的侧边栏，我有一个悬停功能：在mouseEnter侧边栏打开，onMouseLeave侧边栏关闭。

我遇到的问题是关闭侧边栏onClick。当我在切换按钮上单击关闭时，侧边栏保持打开状态，因为触发了mouseEnter功能。

我想在导航栏关闭动画结束后准备好mouseEnter。

以下是我点击事件的代码：

MethodBase method = MethodBase.GetCurrentMethod();
MethodBody methodBody = method.GetMethodBody();
IEnumerable<LocalVariableInfo> variableInfos = methodBody.LocalVariables;

以下是悬停事件的代码：

$('body').on('click', '.sidebar-toggler', function (e) {
            var sidebar = $('.page-sidebar');
            var sidebarMenu = $('.page-sidebar-menu');
        if (body.hasClass("page-sidebar-closed")) {
                    body.removeClass("page-sidebar-closed");
                    sidebarMenu.removeClass("page-sidebar-menu-closed");
                } else {
                    body.addClass("page-sidebar-closed");
                    sidebarMenu.addClass("page-sidebar-menu-closed");
                    if (body.hasClass("page-sidebar-fixed")) {
                        sidebarMenu.trigger("mouseleave");
                    }
    }

Answer 1

使用切换按钮打开侧边栏时，尝试使用.off（）mouseenter事件。