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

托尔加早安

我想要做的是在点击返回按钮时返回上一级菜单,您能帮忙吗?我将在此处留下有关如何编写代码的链接

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

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

英式英语

问题是你有两个听众,第二个(后退按钮)被第一个覆盖(因为后退按钮是第一组听众的一部分)。本质上,后退按钮上有 2 个事件侦听器。我合并了它们。我不得不更改一些代码,以便找到正确的元素来添加/删除类:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章