Question

免责声明：我是一名JS新手。我试图在Squarespace模板上使用此代码。它应该非常简单明了，但我认为它与现有代码存在冲突。

$(document).ready(function() {
    $('#mobileMenu').click(function(){      
      if ($('body').hasClass('mobile-nav-open')) {
          $('body').removeClass('mobile-nav-open')
        } else {
          $('body').addClass('mobile-nav-open');
        };
    });
  });

单击#mobileMenu时应打开移动导航菜单，只有在浏览器大小<1100px时才会显示。它工作在640px和1100px之间。任何低于640px的东西，它似乎什么都不做。奇怪的是，如果我的尺寸低至640px或更低，它将起作用。但是如果我将页面加载到640px或更低，它就不起作用。

我对JS的了解非常少。也许压倒原来的JS会做到这一点，但我不知道该怎么做。感谢任何帮助，谢谢！

您可以在https://ryan-vandyke-4rks.squarespace.com

查看该网站

Javascript无法在某个窗口大小工作

0 个答案: