Событие изменения окна

Question

var windowWidth = $(window).width();  
function mobileResponsiveCheck(){ 
    if(windowWidth >= 768){ 
     box3Responsiveness(); 
    }else if(windowWidth < 768){ 
     null; 
    } 
} 

$(window).resize(function(){ 
    mobileResponsiveCheck(); 
}); 
mobileResponsiveCheck(); 

Так что я хочу запускать функцию mobileResponsiveCheck() каждый раз, когда пользователь изменяет размер, а также при перезагрузке. При изменении размера, если окно становится меньше 768 пикселей, оно не должно ничего делать. Но это происходит только тогда, когда я перезагружаю его после того, как он меньше 768 пикселей. То, что я хочу, это box3Responsiveness(), когда пользователь изменяет размер и получает ниже 768px без перезагрузки.

Answer 1

Вы определили windowWidth по всему миру. Переменная устанавливается один раз, а именно, когда скрипт запускается. Однако значение не изменяется при изменении размера, потому что вы не говорите об этом. Чтобы изменить это, принесите объявление переменной внутри вашей функции. Таким образом, он всегда будет меняться при необходимости.

function mobileResponsiveCheck(){ 
    var windowWidth = $(window).width(); 
    if(windowWidth >= 768){ 
     box3Responsiveness(); 
    } 
} 

$(window).resize(function(){ 
    mobileResponsiveCheck(); 
}); 
mobileResponsiveCheck(); 

Answer 2

mobileResponsiveCheck() { 
    if (window.innerWidth >= 768){ 
    box3Responsiveness(); 
    } 
} 

window.addEventListener('resize', mobileResponsiveCheck); 
mobileResponsiveCheck(); 

Answer 3

Попробуйте

$(window).resize(function() { 
     setTimeout(function() { 
      mobileResponsiveCheck(); 
     }) 
    }) 

function mobileResponsiveCheck(){ 
    var windowWidth = $(window).width(); 
    if(windowWidth >= 768){ 
     box3Responsiveness(); 
    }else if(windowWidth < 768){ 
     null; 
    } 
}