旧式ブラウザにスワイプを対応させる
(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(){
//次発火イベント
}
});