akiyum
3/29/2016 - 10:31 AM

旧式ブラウザにスワイプを対応させる

旧式ブラウザにスワイプを対応させる

(function($){		
		$.fn.swipe = function(op){
			var t = $(this),o = $.extend({prev:function(){},next:function(){}},op);
			t.on('touchstart',function(e){
				e.preventDefault();
				var x = event.changedTouches[0].pageX,
				y = event.changedTouches[0].pageY;

				$(this).data('touchPositionX',x);
				$(this).data('touchPositionY',y);
			});

			t.on('touchend',function(e){
				e.preventDefault();
				var startX = $(this).data('touchPositionX'),
				endX = event.changedTouches[0].pageX,
				startY = $(this).data('touchPositionY'),
				endY = event.changedTouches[0].pageY;

				if(Math.abs(endY-startY)> 40) return;

				if(endX-startX <0){
					o.next();
					return false;
				}else{
					o.prev();
					return false;
				}
			});

		};
	})(jQuery);
	
	//使用時のコード以下で記述
$('#slide').swipe({
				'prev':function(){
					//前発火イベント
				},
				'next':function(){
					//次発火イベント
				}
			});