jquery調整窗口大小和移動偵測

Question

如何使用移動偵測和窗口大小同時調整？ 例如，我有代碼

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480){ 
    //do this 
    }else{ 
    //do something else 
} 

這一點，我想要寫類似於上面的東西，但檢查瀏覽器是否是移動或者如果被調整大小的窗口加上窗口寬度小於480像素。例如將下面的代碼與上面的代碼結合起來。

$(window).resize(function() { 
     if ($(window).width() < 480) { 
     }else{} 
}); 

Answer 1

如果我明白這個問題正確，您應該能夠簡單地做到這一點：

$(window).resize(function() { 
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480){ 
    //do this 
    }else{ 
    //do something else 
    } 
} 

或者，你可以在一個變量的用戶代理存儲DOM初始化之前：

var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent); 
$(document).ready(function() { 
    $(window).resize(function() { 
     if ($(window).width() < 480 || isMobile) { 
     // handle less than 480 
     }else{ 
     //handle else 
     } 
    }); 
});