連續測量窗口寬度不僅在負載上

我的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

連續測量窗口寬度不僅在負載上

回答

相關問題