Javascript/jquery在瀏覽器寬度變化時運行函數？

Question

我正在創建一個移動網站，但現在客戶堅持使用無響應的原創網站。這意味着我將在同一個域名下擁有兩個網站。

現在我需要做的是在加載網頁並將其重定向到正確的網站時比較用戶屏幕大小。

我可以解決這個使用JavaScript如下：

if($(window).width() <= 760){ 
    document.location = "https://maps.google.com.my/"; 
    alert('mobile ver');//goto mobile version 
    } 

但還有另外一個問題，如果該人在第一次瀏覽器使用

1.smaller屏幕（電腦屏幕）的網站後來決定最大化瀏覽器屏幕？

或

1. 從縱向視圖切換到橫向視圖，（其中有一個較長的寬度......）

是否有可能觸發每次瀏覽器的寬度變化的功能？

Answer 1

你需要調用你的函數內部調整事件

$(window).resize(function() { 
//call to your function and check the window width 
}); 

Answer 2

我想你應該考慮使用媒體查詢一個網站 - 爲@ mattytommo的評論中提到 - 基於改變佈局屏幕寬度。我開發了一些網站，現在只有一個網站用於使用媒體查詢的移動設備，平板電腦和桌面。偶爾會有些尷尬，但它可以節省必須擁有兩個不同的站點，從而使維護負擔加倍。