javascript - Javascript 在某些窗口大小下不起作用

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 之间工作。任何低于 640 像素的东西，它似乎什么都不做。奇怪的是，如果我将尺寸缩小到 640 像素或以下，它就会起作用。但是如果我在 640px 或以下加载页面，它就不起作用。

我对JS的了解很浅。也许覆盖原来的 JS 会做到这一点，但我不知道该怎么做。任何帮助表示赞赏，谢谢！

您可以在https://ryan-vandyke-4rks.squarespace.com查看该网站