Javascript 滑入/滑出菜单问题

Javascript 滑入/滑出菜单问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我一直在工作这个菜单插件,它的工作很好,但有一个问题,我已经注意到,请看这个 当菜单打开时,我在菜单的右上角添加了一个关闭按钮(x),当我单击关闭时,它会向左滑动并隐藏,但当我再次单击菜单时,它不会打开,但如果您再次单击,它会工作得很好 有没有人可以指导我如何使我的自定义关闭图标完美地工作,因为它与外部菜单点击做 我发现在单击close时,删除了一个类并添加了translate3D的内联css,我在jquery中也做了同样的操作,但运气不好 下面是我的关闭jQuery函数 $(document)

我一直在工作这个菜单插件,它的工作很好,但有一个问题,我已经注意到,请看这个

当菜单打开时,我在菜单的右上角添加了一个关闭按钮(x),当我单击关闭时,它会向左滑动并隐藏,但当我再次单击菜单时,它不会打开,但如果您再次单击,它会工作得很好

有没有人可以指导我如何使我的自定义关闭图标完美地工作,因为它与外部菜单点击做

我发现在单击close时,删除了一个类并添加了translate3D的内联css,我在jquery中也做了同样的操作,但运气不好

下面是我的关闭jQuery函数

$(document).ready(function(){
  $('.nav-close').click(function(){
    $("#mp-pusher").removeClass('mp-pushed').css("transform","translate3d(0px, 0px, 0px)");
    $(".mp-level").removeClass('mp-level-open');
  });
});

您要做的是保留对菜单的引用,以便在活动中关闭它

这样,在您的活动中,您可以这样关闭:

menuItem._resetMenu();
不要尝试使用DOM手动关闭它,这意味着您的偶数函数会变成这样:

$(document).ready(function(){
    $('.nav-close').click(function(el){
        menuItem._resetMenu();
    });
  });
也有助于在别处调用
mlPushMenu
对象上的其他方法。在上面的例子中<代码>菜单项是您的参考

$(document).ready(function(){
    $('.nav-close').click(function(el){
        menuItem._resetMenu();
    });
  });