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

【问题标题】：How to collapse mobile menu after an anchor link click?单击锚链接后如何折叠移动菜单？
【发布时间】：2018-12-01 07:23:05
【问题描述】：

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

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

我正在尝试实现在单击移动菜单中的任何链接后尽可能快地折叠菜单。

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

谢谢。祝你好运。

【问题讨论】：

标签： jquery mobile menu anchor collapse

【解决方案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);
});

【讨论】：