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

zzlelutf  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(325)

我想做的是在单击返回按钮时返回上一个菜单,您能帮我吗?我在这里留下了一个关于如何编写代码的链接

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

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

dluptydi

dluptydi1#

问题是您有两个侦听器,第二个(后退按钮)被第一个侦听器覆盖(因为后退按钮是第一组侦听器的一部分)。实际上,“后退”按钮上有两个事件侦听器。我巩固了它们。我必须更改一些代码,以便找到正确的元素来添加/删除类:

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

相关问题