jQuery에서 창 크기 조정이 올바로 작동하지 않습니다.

Question

아래의 jQuery 함수는 창로드시 클래스를 제거하고 너비가 992 픽셀 이상인 경우 크기를 조정하고 992px 미만인 경우 클래스를 추가하기위한 것입니다.

그러나 나는 창 크기를 992에서 1010px로 늘리면 클래스가 계속 유지됩니다. 1011px에서 제거됩니다.

jQuery(document).ready(function($){ 

$(window).on('resize', function() { 
if($(window).width() > 992) { 
    $('.bid-overlay-booking').removeClass('fancyboxID-booking'); 
} 
else{ 

    $('.bid-overlay-booking').addClass('fancyboxID-booking'); 
} 
}).resize(); 
}); 

Answer 1

나는 비슷한 것을 뒤로하고있다. 여기 내 kludge 수정되었습니다.

var windowHeight = 460; 
var windowWidth = 800; 
if (document.body && document.body.offsetWidth) { 
    windowHeight = document.body.offsetHeight; 
    windowWidth = document.body.offsetWidth; 
} 
if (document.compatMode == 'CSS1Compat' && document.documentElement && document.documentElement.offsetWidth) { 
    windowHeight = document.documentElement.offsetHeight; 
    windowWidth = document.documentElement.offsetWidth; 
} 
if (window.innerWidth && window.innerHeight) { 
    windowHeight = window.innerHeight; 
    windowWidth = window.innerWidth; 
} 

if(windowWidth > 992) { 
    $('.bid-overlay-booking').removeClass('fancyboxID-booking'); 
} 
else{ 

    $('.bid-overlay-booking').addClass('fancyboxID-booking'); 
}