单击锚点链接时关闭移动菜单

时间:2020-08-02 22:55:56

标签: javascript jquery wordpress

单击菜单中的标题时,我试图关闭移动菜单(汉堡)。标题设置为锚点。

我已经尝试过此代码,但是菜单不再弹出。

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

网站Nilmore

开胃菜主题

谢谢您的帮助

1 个答案:

答案 0 :(得分:0)

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

  • 您的菜单(打开时打开 )获取类.mobile-menu-open
  • 因此,您需要在任何菜单项上单击以删除该类

即:

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