swipe 플러그인 touchSipe 로 변경

This commit is contained in:
chicpro
2013-10-21 14:48:11 +09:00
parent 1d9953a588
commit cb130df525
5 changed files with 94 additions and 133 deletions

1
js/jquery.touchSwipe.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,10 +0,0 @@
/**
* jQuery Plugin to obtain touch gestures from iPhone, iPod Touch and iPad, should also work with Android mobile phones (not tested yet!)
* Common usage: wipe images (left and right to show the previous or next image)
*
* @author Andreas Waltl, netCU Internetagentur (http://www.netcu.de)
* @version 1.1.1 (9th December 2010) - fix bug (older IE's had problems)
* @version 1.1 (1st September 2010) - support wipe up and wipe down
* @version 1.0 (15th July 2010)
*/
(function($){$.fn.touchwipe=function(settings){var config={min_move_x:20,min_move_y:20,wipeLeft:function(){},wipeRight:function(){},wipeUp:function(){},wipeDown:function(){},preventDefaultEvents:true};if(settings)$.extend(config,settings);this.each(function(){var startX;var startY;var isMoving=false;function cancelTouch(){this.removeEventListener('touchmove',onTouchMove);startX=null;isMoving=false}function onTouchMove(e){if(config.preventDefaultEvents){e.preventDefault()}if(isMoving){var x=e.touches[0].pageX;var y=e.touches[0].pageY;var dx=startX-x;var dy=startY-y;if(Math.abs(dx)>=config.min_move_x){cancelTouch();if(dx>0){config.wipeLeft()}else{config.wipeRight()}}else if(Math.abs(dy)>=config.min_move_y){cancelTouch();if(dy>0){config.wipeDown()}else{config.wipeUp()}}}}function onTouchStart(e){if(e.touches.length==1){startX=e.touches[0].pageX;startY=e.touches[0].pageY;isMoving=true;this.addEventListener('touchmove',onTouchMove,false)}}if('ontouchstart'in document.documentElement){this.addEventListener('touchstart',onTouchStart,false)}});return this}})(jQuery);

View File

@ -117,8 +117,6 @@
if(check_animated())
return;
$(window).on("touchmove", blockMove);
idx = $slides.index($slides.filter("."+cfg.active_class));
next = (idx + 1) % count;
@ -151,8 +149,6 @@
$tabs.eq((next + 1) % count).addClass("tab_listed").css("left", pos_right+"px");
}
$(window).off("touchmove", blockMove);
$wrap.height(next_height);
$tabs.eq(next).addClass(cfg.tab_active);
}
@ -170,8 +166,6 @@
if(check_animated())
return;
$(window).on("touchmove", blockMove);
idx = $slides.index($slides.filter("."+cfg.active_class));
next = idx - 1;
if(next < 0)
@ -206,8 +200,6 @@
$tabs.eq((next + 1) % count).addClass("tab_listed").css("left", pos_right+"px");
}
$(window).off("touchmove", blockMove);
$wrap.height(next_height);
$tabs.eq(next).addClass(cfg.tab_active);
}
@ -244,11 +236,6 @@
swipe_left();
}
function blockMove(event)
{
event.preventDefault();
}
$(window).on("load", function(e) {
swipe_init();
});
@ -259,12 +246,20 @@
// swipe event
$(window).touchwipe({
wipeLeft: function() { swipe_left(); },
wipeRight: function() { swipe_right(); },
min_move_x: 20,
min_move_y: 20,
preventDefaultEvents: false
this.swipe({
swipe: function(event, direction, duration, fingerCount) {
switch(direction) {
case "left":
swipe_left();
break;
case "right":
swipe_right();
break;
}
},
threshold: 50,
excludedElements:".noSwipe",
allowPageScroll:"vertical"
});
}
}(jQuery));