jQuery: testare la risoluzione della finestra del browser

Possiamo testare con jQuery se la finestra del browser ha una determinata larghezza ed eseguire il nostro codice solo in quel caso. Vediamo come.

Ecco la soluzione jQuery:

(function( $ ) {
	$.withSize = function( size, where, callback ) {
	    
		size = size || 768; // dimensione da testare
		where = where || "gt"; // minore o maggiore di
		callback = callback || function() {}; // funzione da eseguire
		
		var viewportWidth = $( window ).width();
		
		if( where == "lt" ) {
			if( viewportWidth <= size ) {
				callback();
			}
		} else {
			if( viewportWidth >= size ) {
				callback();
			}
		
		}
	};

})( jQuery );

Esempio d'uso:

$(function() {
	$.withSize( 320, "lt", function() {
		//...
	
	});

});