jquery调整窗口大小和移动检测

jquery调整窗口大小和移动检测,jquery,mobile,resize,Jquery,Mobile,Resize,如何同时使用移动检测和窗口调整? 例如,我有一段代码 if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){ //do this }else{ //do something else } if(/Android | webOS | iPhone | iPod | BlackBerry/i.test(navigator.us

如何同时使用移动检测和窗口调整? 例如,我有一段代码

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){
    //do this
    }else{
    //do something else
}
if(/Android | webOS | iPhone | iPod | BlackBerry/i.test(navigator.userAgent)| |$(window.width()<480){
//这样做
}否则{
//做点别的
}
我想写一些与上面类似的东西,但是检查浏览器是否是移动的,或者窗口是否已调整大小加上窗口宽度小于480像素。e、 g.将下面的代码与上面的代码结合起来

 $(window).resize(function() {
      if ($(window).width() < 480) {
         }else{}
 });
$(窗口)。调整大小(函数(){
如果($(窗口).width()<480){
}else{}
});

如果我正确理解了问题,您可以简单地执行以下操作:

$(window).resize(function() {
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){
    //do this
    }else{
    //do something else
    }
}
$(窗口)。调整大小(函数(){
if(/Android | webOS | iPhone | iPod | BlackBerry/i.test(navigator.userAgent)| |$(window.width()<480){
//这样做
}否则{
//做点别的
}
}
或者,可以在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
         }
     });
});
var isMobile=/Android | webOS | iPhone | iPod | BlackBerry/i.test(navigator.userAgent);
$(文档).ready(函数(){
$(窗口)。调整大小(函数(){
if($(窗口).width()<480 | | isMobile){
//处理小于480
}否则{
//处理其他事情
}
});
});

但是如果移动检测在调整大小功能中,它会工作吗?因为移动检测不需要窗口调整大小。是的,它仍然工作,因为导航器是一个全局可用的变量。任何一个选项都应该满足您的要求。