JS обнаруживает мобильный и рабочий стол width & resize AND reload

Question

У меня есть функция, которая определяет ширину окна и основана на том, что делает вещи jquery, которые будут иметь мобильные устройства, и делает jquery для рабочего стола. У меня есть две функции, одна из которых изменяет размер контента, а другая - при перезагрузке. То, что я пытаюсь сделать, заключается в объединении двух в одну функцию. Теперь проблема в том, что функция изменения размера просто изменяет размер. Даже $("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) { 

     } 
    }