后退按钮在响应式菜单中不起作用

Question

我想做的是在点击return按钮时return到上一级菜单，你能帮忙吗？我要留下关于如何在此处编写代码的 link

const submenutitle = document.querySelector('.submenutitle');

https://codepen.io/tolgagnydnn/pen/abWmMpp

Answer 1

问题是您有两个听众，第二个（后退按钮）被第一个覆盖（因为后退按钮是第一组听众的一部分）。本质上，后退按钮上有 2 个事件监听器。我巩固了他们。我不得不更改一些代码，以便它可以从 add/remove 类中找到正确的元素：

for (const mobilemainmenuitem of mobilemainmenuitems) {
  mobilemainmenuitem.addEventListener("click", (e) => {
    const submenu = e.target;
    if (submenu.classList.contains("btn"))
      submenu
        .closest(".mobilesubmenu")
        .classList.remove("showleft", "showvisibility");
    else
      submenu
        .closest("li")
        .querySelector(".mobilesubmenu")
        .classList.add("showleft", "showvisibility");
  });
}

https://codepen.io/kinglish/pen/OJmRevq?editors=1111

后退按钮在响应式菜单中不起作用

The back button does not work in the responsive menu

javascript

css

responsive