fix swipe on mobile devices

snake-345 · Mar 4, 2016 · aa2612e · aa2612e
1 parent db549ef
commit aa2612e
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 7 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "jcarouselSwipe",
   "main": "./dist/jquery.jcarousel-swipe.js",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "authors": [
     "Evgeniy Pelmenev <[email protected]>"
   ],

diff --git a/dist/jquery.jcarousel-swipe.js b/dist/jquery.jcarousel-swipe.js
@@ -1,4 +1,4 @@
-/*! jсarouselSwipe - v0.3.1 - 2016-02-18
+/*! jсarouselSwipe - v0.3.2 - 2016-02-18
 * Copyright (c) 2015 Evgeniy Pelmenev; Licensed MIT */
 (function($) {
     'use strict';
@@ -88,6 +88,7 @@
             }
 
             function dragEnd(event) {
+                console.log(event);
                 event = event.originalEvent || event || window.event;
                 currentTouch = getTouches(event);
                 if (started || (!self._options.draggable && Math.abs(startTouch[xKey] - currentTouch[xKey]) > 10)) {
@@ -124,11 +125,16 @@
             }
 
             function getTouches(event) {
-                if (event.touches !== undefined) {
+                if (event.touches !== undefined && event.touches.length > 0) {
                     return {
                         x: event.touches[0].pageX,
                         y: event.touches[0].pageY
                     }
+                } else if (event.changedTouches !== undefined && event.changedTouches.length > 0) {
+                    return {
+                        x: event.changedTouches[0].pageX,
+                        y: event.changedTouches[0].pageY
+                    }
                 } else {
                     if (event.pageX !== undefined) {
                         return {

diff --git a/dist/jquery.jcarousel-swipe.min.js b/dist/jquery.jcarousel-swipe.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jcarouselSwipe",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Adds comfortable swipe gestures to jcarousel",
   "author": "Evgeniy Pelmenev <[email protected]>",
   "license": "MIT",

diff --git a/src/jquery.jcarousel-swipe.js b/src/jquery.jcarousel-swipe.js
@@ -1,4 +1,4 @@
-/*! jсarouselSwipe - v0.3.1 - 2016-02-18
+/*! jсarouselSwipe - v0.3.2 - 2016-02-18
 * Copyright (c) 2015 Evgeniy Pelmenev; Licensed MIT */
 (function($) {
     'use strict';
@@ -88,6 +88,7 @@
             }
 
             function dragEnd(event) {
+                console.log(event);
                 event = event.originalEvent || event || window.event;
                 currentTouch = getTouches(event);
                 if (started || (!self._options.draggable && Math.abs(startTouch[xKey] - currentTouch[xKey]) > 10)) {
@@ -124,11 +125,16 @@
             }
 
             function getTouches(event) {
-                if (event.touches !== undefined) {
+                if (event.touches !== undefined && event.touches.length > 0) {
                     return {
                         x: event.touches[0].pageX,
                         y: event.touches[0].pageY
                     }
+                } else if (event.changedTouches !== undefined && event.changedTouches.length > 0) {
+                    return {
+                        x: event.changedTouches[0].pageX,
+                        y: event.changedTouches[0].pageY
+                    }
                 } else {
                     if (event.pageX !== undefined) {
                         return {