Javascript 如何在调整大小时删除类？

因此，我有一个汉堡包菜单按钮，当单击它时，会打开一个

，但也会将3行更改为一个X（带有一个JQuery切换，它会激活一组次要的CSS变量）。再次单击时，

消失，X变回原始变量集（3行）。我还将其设置为，当列表打开时，如果页面被调整大小，列表将关闭，我将尝试使其改变大小，按钮将更改回原始CSS变量集（即行）

以下是JS和JQuery：

<script>
      window.onload = function(){
        document.querySelector('#menu-icon').addEventListener('click',function(){
          this.classList.toggle('active');
        });
        $(window).on('resize',function(){
             $("#menu-mobile").hide();

        });
      };
    </script>
    <script src="scripts/jquery.js"></script>
    <script type="text/javascript">
      $('#menu-icon').click(function(){
        $("#menu-mobile").slideToggle("medium");     
      });
    </script>

---

提前感谢您提供的帮助。

只需在调整大小事件中删除该类即可

jQuery

$(window).on('resize',function(){
     $("#menu-mobile").hide();
     $('#menu-icon').removeClass('active');
});

或者通过类列表API

$(window).on('resize',function(){
     $("#menu-mobile").hide();
     document.querySelector('#menu-icon').classList.remove('active');
});

---

另外，最好将你的

jquery.js

放在所有其他

标记之前，因为它可能会产生一些错误。

太棒了，谢谢你，伙计，你太棒了！我想投你一票，但我没有必要的声誉。

$(window).on('resize',function(){
     $("#menu-mobile").hide();
     document.querySelector('#menu-icon').classList.remove('active');
});