连续测量窗口宽度，而不仅仅是在负载上

Measure the window width continuously and not only on load

本文关键字：不仅仅是 负载 测量 窗口 连续      更新时间：2023-09-26

我的WP网站上有一个列布局。第 1 列包含一些文本，第 2 列包含一些图像。我现在正在使网站响应。在看手机时，我希望图像位于文本上方，而不是下方。

因此，我编写了这个脚本： 

<script type="text/javascript">
  if(jQuery(window).width() <= 750) {
    jQuery(".rescol12").insertBefore(".rescol11");
    jQuery(".rescol22").insertBefore(".rescol21");
    jQuery(".rescol32").insertBefore(".rescol31");
  }
</script>

这在负载时工作正常。但是，如果我全屏加载页面并在桌面上调整浏览器窗口的大小，脚本不会启动。

如何调整我的 if 条件，使其不仅仅在负载时测量窗口？

在这种情况下

，使用 .resize（） 将起作用。 

jQuery(window).resize(function() {
    // code
});

您可以将 resize 事件发送到窗口元素，因此每次更改浏览器窗口大小时都会调用它。

$( window ).resize(function() {
  // do something
});
相关文章：