Fenster Resize in jQuery funktioniert nicht richtig

Question

Ich habe die jQuery-Funktion unter dem gemeint ist eine Klasse auf Fensterlast zu entfernen und die Größe, wenn die Breite größer als 992 Pixel ist und eine Klasse, wenn sein kleiner als 992px hinzuzufügen.

Es scheint aber fein die Klasse bleibt hinzugefügt zu arbeiten, wenn ich die Fenstergröße von 992 bis 1010px erhöhen. Bei 1011px wird es entfernt.

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

Ich kämpfte mit etwas ähnliches vor einer Weile. Hier war mein Kludschlager.

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'); 
}