时间戳

首页 > 解决方案 > 单击锚链接时关闭移动菜单

javascript - 单击锚链接时关闭移动菜单

问题描述

单击菜单中的标题时，我正在尝试关闭移动菜单（汉堡包）。标题设置为锚。

我已经尝试过这段代码，但菜单不再弹出。

jQuery(document).ready(function() {
$('.menu-item menu-item-type-custom menu-item-object-custom menu-item-1344').on('click', function() {
    $('#nm-mobile-menu-button').trigger('click'); });
});

网站尼尔摩

主题萨沃伊

感谢您的任何帮助

标签： javascriptjquerywordpress

解决方案

你的任务很简单。您可以使用开发人员工具自行调试。

  • 您的菜单（打开时）获取课程.mobile-menu-open
  • 因此您需要在任何菜单项单击时删除该类

IE：

const $menu = $("#nm-mobile-menu");
const $menu_items = $menu.find(".menu-item");

$menu_items.on("click", function(ev) {
  // ev.preventDefault(); // uncomment to prevent browser scroll-to Anchor
  $menu.removeClass("mobile-menu-open");
});

.mobile-menu-open #nm-mobile-menu

推荐阅读