后退按鈕在響應式菜單中不起作用

Question

我想要做的是在點擊返回按鈕時返回上一級菜單，您能幫忙嗎？ 我將在此處留下有關如何編寫代碼的鏈接

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

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

Answer 1

問題是你有兩個聽眾，第二個（后退按鈕）被第一個覆蓋（因為后退按鈕是第一組聽眾的一部分）。 本質上，后退按鈕上有 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