JavaScriptで画面リサイズ(resize)を監視するサンプルです。

js-resize.js

/**
 * @module InfoTown
 */
jQuery( function ( $ ) {
	/**
	 * Resizeオブジェクト
	 *
	 * スクロールを管理します。
	 *
	 * @class Resize
	 */
	InfoTown.Resize = (function () {
		/**
		 * ウインドウの幅を監視してHTML要素の表示・非表示を管理
		 *
		 * @method display
		 * @public
		 * @param {jQuery} target 対象のjQueryオブジェクトです。
		 * @param {object} limit  閾値です。
		 */
		function display( target, limit ) {
			target = (target instanceof jQuery) ? target : $( target );
			$( window ).on( 'resize', function () {
				if ( $( window ).width() > limit ) {
					target.css( { "display": "block" } );
				} else {
					target.css( { "display": "none" } );
				}
			} );
		}

		/**
		 * ウィンドウリサイズでコールバック実行
		 *
		 * @method exec
		 * @public
		 * @param {Function} callback 実行するコールバック関数です。
		 */
		function exec( callback ) {
			$( window ).on( 'resize', function () {
				callback();
			} )
		}

		/* パブリックメソッド */
		return {
			display: display,
			exec: exec
		};
	})();
});