汉堡菜单问题

Question

我知道这个问题可能会被问很多，但是有人可以帮我解决这个问题吗？

所以问题是我正在尝试制作一个移动汉堡菜单，我想让 onclick 事件在有人点击图标时发生。

function toggleMenuFunction() {
  let  getSidebar = document.querySelector(".sidebar");

    if(getSidebar.style.display === 'none'){
        getSidebar.style.display = 'block';
    }else if ( getSidebar.style.display === 'block'){
        getSidebar.style.display = 'none';
    }
}

我试过这样做，但它什么也做不了。请问有人能帮帮我吗？

Answer 1

如果你想在点击一个元素时触发一个函数，你也需要这样写 ;)

document.onload = () => document.querySelector(".sidebar").addEventListener("click",toggleMenuFunction);

document.onload 确保在文档完全加载后附加侦听器。注意：您的代码中只能有一个 document.onload 赋值。为此目的编写包装函数几乎总是一个好主意。如：

document.onload = () => { 
 document.querySelector(".sidebar")
   .addEventListener("click",toggleMenuFunction);
}

汉堡菜单问题

Hamburger menu issue

javascript

hamburger-menu