为什么我的画布外包装器在点击点击后会短暂地重新出现?(移动菜单)

Question

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

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

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

这是单寻呼机的链接： 单寻呼机

以下是该问题的 30 秒视频： 问题视频

为什么菜单会重新出现？我该如何解决这个问题？我可以处理CSS，Html和一些javascript。

有人能指出我正确的方向吗？

Answer 1

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

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