Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 汉堡包菜单中的动画不起作用_Javascript_Html_Css_Ecmascript 6 - Fatal编程技术网

Javascript 汉堡包菜单中的动画不起作用

Javascript 汉堡包菜单中的动画不起作用,javascript,html,css,ecmascript-6,Javascript,Html,Css,Ecmascript 6,我不知道为什么汉堡包菜单的动画不起作用。我想我对javascript有一些问题。请帮帮我。我什么都试过了,但什么也没发生 JS(ES6) 在以“const navTrigger…”开头的行上,您的选择器缺少周期OK。您还应该将变量放在顶部,并将两个侦听器合并为一个;给第一个偶数的听众?对不起,我对JS很陌生。你只需要一个听众。换句话说,您正试图做到这一点:“当用户使用类‘nav_trigger’单击元素时,切换这些元素上的类” document.querySelector('.nav_trigg

我不知道为什么汉堡包菜单的动画不起作用。我想我对javascript有一些问题。请帮帮我。我什么都试过了,但什么也没发生

JS(ES6)


在以“const navTrigger…”开头的行上,您的选择器缺少周期OK。您还应该将变量放在顶部,并将两个侦听器合并为一个;给第一个偶数的听众?对不起,我对JS很陌生。你只需要一个听众。换句话说,您正试图做到这一点:“当用户使用类‘nav_trigger’单击元素时,切换这些元素上的类”
document.querySelector('.nav_trigger').addEventListener('click', function(event) {
      event.preventDefault();
      this.classList.toggle('active');
    });

    const navTrigger = document.querySelector('nav_trigger'); 
    const nav = document.querySelector('nav');
    
    navTrigger.addEventListener('click', event => {
      event.preventDefault();
      nav.classList.toggle('nav--open');

    });