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

Question

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

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

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

这是单页机的链接： 单页机

这是该问题的 30 秒视频：该问题的 视频

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

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

标签： javascripthtmlcssmobilemenu

Answer 1

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

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