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
}否则{
//处理其他事情
}
});
});
但是如果移动检测在调整大小功能中,它会工作吗?因为移动检测不需要窗口调整大小。是的,它仍然工作,因为导航器是一个全局可用的变量。任何一个选项都应该满足您的要求。