Javascript 需要有关此jQuery代码的帮助吗

这段代码工作得很好，但我需要它在打开浏览器时工作。另外，当我调整浏览器的大小使其具有移动菜单时，这两个功能都可以工作：悬停和切换

$(window).on('resize', function(event) {
  var windowWidth = $(window).width();
  if (windowWidth < 1024) {
    $(document).ready(function() {
      $(".menu-item-has-children").hover(function() {
        $(".sub-menu").css("display", "block");
      }, function() {
        $(".sub-menu").css("display", "none");
      });
    });
  } else if (windowWidth > 1024) {
    jQuery(document).ready(function() {
      $('.menu-item-has-children').click(function() {
        $(this).find('.sub-menu').toggle();
      });
    });
  }
});

$（窗口）.on（'resize'，函数（事件）{
var windowWidth=$（window.width（）；
如果（窗口宽度<1024）{
$（文档）.ready（函数（）{
$（“.menu项有子项”）.hover（函数（）{
$（“.sub-menu”）.css（“显示”、“块”）；
}，函数（）{
$（“.sub-menu”）.css（“显示”、“无”）；
});
});
}否则如果（窗口宽度>1024）{
jQuery（文档）.ready（函数（）{
$（“.菜单项有子项”）。单击（函数（）{
$（this.find（'.sub-menu'）.toggle（）；
});
});
}
});

我的最佳方法是将代码替换为：

var reszFn = function(event) {
  var windowWidth = $(window).width();
  if (windowWidth < 1024) {
    $(document).ready(function() {
      $(".menu-item-has-children").hover(function() {
        $(".sub-menu").css("display", "block");
      }, function() {
        $(".sub-menu").css("display", "none");
      });
    });
  } else if (windowWidth > 1024) {
    jQuery(document).ready(function() {
      $('.menu-item-has-children').click(function() {
        $(this).find('.sub-menu').toggle();
      });
    });
  }
};
$(document).on('ready', reszFn);
$(window).on('resize', reszFn);

var reszFn=函数（事件）{
var windowWidth=$（window.width（）；
如果（窗口宽度<1024）{
$（文档）.ready（函数（）{
$（“.menu项有子项”）.hover（函数（）{
$（“.sub-menu”）.css（“显示”、“块”）；
}，函数（）{
$（“.sub-menu”）.css（“显示”、“无”）；
});
});
}否则如果（窗口宽度>1024）{
jQuery（文档）.ready（函数（）{
$（“.菜单项有子项”）。单击（函数（）{
$（this.find（'.sub-menu'）.toggle（）；
});
});
}
};
$（文档）.on（'ready'，reszFn）；
$（窗口）.on（'resize'，reszFn）；

只需触发调整大小功能

$(window).on('resize', function(event) {
  var windowWidth = $(window).width();
  if (windowWidth < 1024) {
    $(document).ready(function() {
      $(".menu-item-has-children").hover(function() {
        $(".sub-menu").css("display", "block");
      }, function() {
        $(".sub-menu").css("display", "none");
      });
    });
  } else if (windowWidth > 1024) {
    jQuery(document).ready(function() {
      $('.menu-item-has-children').click(function() {
        $(this).find('.sub-menu').toggle();
      });
    });
  }
}).resize();

$（窗口）.on（'resize'，函数（事件）{
var windowWidth=$（window.width（）；
如果（窗口宽度<1024）{
$（文档）.ready（函数（）{
$（“.menu项有子项”）.hover（函数（）{
$（“.sub-menu”）.css（“显示”、“块”）；
}，函数（）{
$（“.sub-menu”）.css（“显示”、“无”）；
});
});
}否则如果（窗口宽度>1024）{
jQuery（文档）.ready（函数（）{
$（“.菜单项有子项”）。单击（函数（）{
$（this.find（'.sub-menu'）.toggle（）；
});
});
}
}).resize（）；

调整浏览器大小时应运行此代码。到底是什么不起作用，你试过什么？谢谢，但是，当我调整浏览器大小时，我的浏览器同时具有悬停和切换功能，当我的宽度小于1024倍时，我只需要切换功能。@ViktorPetkovski你不应该在里面使用

docReady

代码，因为它永远不会执行，因为doc已经准备好了。您需要考虑使用<代码> .f（）（）（<）/>代码>。只需删除

docReady

行。我删除了docReady行，但现在是一样的。我卡住了，你能重新编辑代码吗(