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

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);
});