javascript - 调整显示大小后重新加载 jquery 脚本

Question

如果更改页面大小，我会遇到 jquery 脚本问题。例如 - 如果您在手机上打开网站，然后打开和关闭菜单，然后将手机从垂直旋转到水平并再次打开菜单 - 该 block 将不会显示。

我用的是这个脚本

return $(document).ready(function() {
  (function($) {
    if ($(window).width() < 960) {
      $('#header-menu').css('display', 'none');
      $('header.grid-container').css('display', 'none');
      return $('#toggle-mobile-menu').click(function() {
        $('#header-menu').toggle();
        return $('header.grid-container').toggle();
      });
    }
  })(jQuery);
});

我可能需要一些钩子(Hook)，以便在屏幕更改时重新加载脚本，而不需要重新加载页面。我尝试使用 $(window).resize() 但它不起作用

Answer 1

将 Jquery 放入 DOM 是不可能的，并且需要刷新页面才能更改脚本。

您应该考虑改用 AJAX。