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

我的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条件，以便它不会仅在加载时测量窗口？

来源

2016-02-12 Adnaves

你可以听'resize'事件 –

包装在'$（窗口）.resize代码（函数（）{//把这里的代码}）调整（）;'方法。 – Jai

为了设计目的，最好只使用CSS –

在这种情况下使用.resize（）将起作用。

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

来源

2016-02-12 11:17:13 DevStacker

您可以将调整大小事件发送到窗口元素，所以每次浏览器窗口大小发生变化时都会调用它。

$(window).resize(function() { 
    // do something 
});

来源

2016-02-12 11:18:16

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

回答

相关问题