单击锚链接后如何折叠移动菜单？

Question

我在wordpress中设计了一个单页网站，结果被卡住了。单击链接后，移动菜单不会折叠。我想我需要将脚本添加到页脚，但我无法正确编写它。我一直在尝试观看youtube的jQuery基础知识，并在网络上搜索类似的问题。我从理论上了解它，但是我无法成功为我的网站编写准确的脚本。

这是网站：http://www.apollokemp.cz/

我正在尝试在单击移动菜单中的任何链接后以最快的速度折叠菜单。

我了解每个人都有自己的辛勤工作，但也许有人会发现这太容易了，并向我分享解决方案。

谢谢。祝你好运。

Answer 1

将此jQuery添加到页面上的<script>标记中以添加此功能。

它将等待创建移动导航（第一次单击移动菜单按钮时发生），然后为移动导航中的链接上的click事件设置侦听器-然后它将单击菜单链接时，为您“移动”菜单的关闭按钮“单击”。

jQuery('.mobilenav-main-link').on('click', function() {
  setTimeout(function() {
    jQuery('.mobilenav-main-link').off();
    jQuery('.mobile-nav-frame ul a').on('click', function() {
      jQuery('.mobile-nav-frame .close').trigger('click');
    });
  }, 100);
});