JS检测移动和放大器桌面宽度&调整大小并重新加载

时间:2013-09-11 14:07:45

标签: javascript jquery mobile resize

我有一个检测窗口宽度的函数,并且基于这个函数可以实现移动设备所具有的东西,并且可以为桌面添加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();
    };  

1 个答案:

答案 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) {

        }
    }