スマホの縦横検出

gistfile1.js

/**
 * orientation
 * デバイスの向きに合わせてhtml要素にclassを付与
 *     * 縦：orientationV
 *     * 横：orientationH
 */
var orientation = (function () {
	var $window, $body;

	var orientation = {
		/**
		 * changeClass
		 */
		changeClass: function () {
			if (Math.abs(window.orientation) === 90) {
				$html
					.removeClass('orientationV')
					.addClass('orientationH');
			}
			else {
				$html
					.removeClass('orientationH')
					.addClass('orientationV');
			}
		}
	};

	$(function () {
		$window = $(window);
		$html = $('html');

		// init
		orientation.changeClass();

		// bind
		$window.on('orientationchange', function () {
			orientation.changeClass();
		});
	});

	return orientation;
})();