我有一个检测窗口宽度的函数,并且基于这个函数可以实现移动设备所具有的东西,并且可以为桌面添加jquery。我有两个函数,一个用于修改内容调整大小,另一个用于重新加载。我想要做的是将两者合二为一。现在的问题是resize函数中的任何内容都只是调整大小。甚至$("html").width();
任何人都有任何想法或解决方案?感谢。
//ON RESIZE
$(window).resize(function () {clearTimeout(this.id);this.id = setTimeout(checkTimer, 500);});
function checkTimer() {
var width = $(window).width();
//MOBILE
if (width < 640) {
mobileView();
}
//TABLET
else if (width > 640 && width <966) {
appendFix();
}
//DESKTOP
else if (width >966) {
appendFix();
}
};
//ON RELOAD
var width2 = $(window).width();
//MOBILE
if (width2 < 640) {
mobileView();
};
//TABLET
if (width2 > 640 && width2 <966) {
appendFix();
};
//DESKTOP
if (width2 > 966) {
appendFix();
};
答案 0 :(得分:0)
想想我找到了解决方案。
$(window).resize(function () {clearTimeout(this.id);this.id = setTimeout(mobileSize, 500);});
function mobileSize() {
sizes();
}
$(window).load(function() {
sizes();
});
function sizes() {
var width = $(window).width();
if (width < 640) {
}
else if (width > 640 && width < 966) {
}
else if (width > 966) {
}
}