當它通過寬度時刷新頁面

Question

我有一個網站，當它傳遞1024像素寬度時我需要刷新頁面。這是可能的？ 我需要這個，因爲可以寬度< 1024像素，我加載另一個腳本。

Answer 1

也許這樣？

$(window).resize(function(){ 
    if ($(window).width < 1024){ 
    location.reload(); 
    } 
} 

Answer 2

聽起來像你需要刷新內容，而不僅僅是改變樣式。如果是這種情況，你會想要使用window.matchMedia()。

這裏是你如何使用它：

var mq = window.matchMedia("(min-width: 500px)");

的匹配屬性返回true或false根據查詢結果，如

if (mq.matches) { 
    // window width is at least 500px 
} else { 
    // window width is less than 500px 
} 

這段代碼是taken from here。