汉堡菜单问题

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);
}