点击后为什么我的offcanvas-wrapper会短暂出现？ （移动菜单）

Question

我在一个页面上有一个移动菜单，在单击菜单项后该菜单没有关闭（菜单全部都重定向到带有锚标记的页面的各个部分）。我通过添加页脚脚本来做到这一点：

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#offcanvas-wrapper li a').click(function(){
    $('#offcanvas-wrapper').toggleClass('hide');
});
});
</script>

但是，现在，如果我想再次打开移动菜单，则在点击/单击后，菜单会短暂重新出现，然后我必须再次单击菜单图标以使菜单可见。 这仅在移动设备上发生（减小窗口大小以重现毛刺）。

这是一个寻呼机的链接： the one pager

以下是此问题的30秒视频： video of the issue

为什么菜单再次出现？我该如何解决？我可以处理CSS，HTML和一些javascript。

任何人都可以指出正确的方向吗？

Answer 1

我只想发表评论，但我没有足够的声誉。

当您单击菜单选项时，似乎有一个“打开”类停留在菜单元素上。但是，当您在菜单外部单击时，打开的类会消失。所以可能是问题所在。