Javascript 当用户在另一个菜单选项中时禁用burger菜单

我只需要在用户进入另一个菜单选项时禁用我的汉堡菜单。不幸的是，没有什么可以禁用它，因为菜单始终处于活动状态

PS：函数disableLink（）和ableLink（）不起作用，其他的都可以

---

---

在click事件侦听器中，我可以看到“nav包装器”、“汉堡菜单”和“更改”是类而不是ID。因此，与其使用

document.getElementById

，不如使用上面使用的选择器

document.querySelector

---

另一方面，请仔细阅读，以便在使用类名选择元素时更加具体。否则，如果目标是特定元素，请使用id。

单击然后

[]

代码段编辑器，并提供一个PleaseAlls。因此，请使用CSS和

document.getElementById（'nav-wrapper'）.classList.toggle（“disabledClass”，someBooleanTest）

document.querySelector('.hamburger-menu').addEventListener('click', () => {

    document.querySelector('.nav-wrapper').classList.toggle('change');

    var x = document.getElementById("top-nav-id");
    if (x.style.display === "block") {
      x.style.display = "none";
    } else {
      x.style.display = "block";
    }

    document.querySelector('#home-menu').addEventListener('click', () => {

      document.getElementById("class-nav-1").style.display = "block";

      disableLink();
    });

    document.querySelector('#close-window').addEventListener('click', () => {

      document.getElementById("class-nav-1").style.display = "none";

      ableLink();
    });
});

function disableLink() {
  document.getElementById('nav-wrapper').disabled=true;
  document.getElementById('nav-wrapper').removeAttribute('href');    
  document.getElementById('nav-wrapper').style.textDecoration = 'none';
  document.getElementById('nav-wrapper').style.cursor = 'default';
  document.getElementById('nav-wrapper').style.visibility = hidden;
  document.getElementById('nav-wrapper').style['pointer-events'] = 'none';

  document.getElementById('hamburger-menu').disabled=true;
  document.getElementById('hamburger-menu').removeAttribute('href');    
  document.getElementById('hamburger-menu').style.textDecoration = 'none';
  document.getElementById('hamburger-menu').style.cursor = 'default';
  document.getElementById('hamburger-menu').style.visibility = hidden;
  document.getElementById('hamburger-menu').style['pointer-events'] = 'none';
}

function ableLink() {
  document.getElementById('change').disabled=false;
  document.getElementById('change').addAttribute('href');    
  document.getElementById('change').style.textDecoration = 'solid'
  document.getElementById('change').style.cursor = 'pointer';
}