javascript - JS 检测移动和桌面宽度并调整大小并重新加载

Question

我有一个检测窗口宽度的功能，并在此基础上执行移动设备将具有的 jquery 功能，并为桌面执行 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();
    };  

Answer 1

认为我找到了解决方案。

$(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) {

        }
    }