iOS5 touch fixes for dragging selection

olachan · Dec 11, 2011 · 5372fd3 · 5372fd3
1 parent 6150bba
commit 5372fd3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/js/jquery.Jcrop.js b/js/jquery.Jcrop.js
@@ -1133,14 +1133,19 @@
       }
       //}}}
 
+      // This is a hack for iOS5 to support drag/move touch functionality
+      $(document).bind('touchstart',function(e) {
+        if ($(e.currentTarget).hasClass('jcrop-tracker')) e.stopPropagation();
+      });
+
       var $track = newTracker().mousedown(createDragger('move')).css({
         cursor: 'move',
         position: 'absolute',
         zIndex: 360
       });
 
       if (Touch.support) {
-        $track.bind('touchstart.jcrop', Touch.createDragger('move'));
+        $track.bind('touchstart', Touch.createDragger('move'));
       }
 
       $img_holder.append($track);

diff --git a/js/jquery.Jcrop.min.js b/js/jquery.Jcrop.min.js
@@ -175,7 +175,7 @@ if(options.drawBorders){borders={top:insertBorder('hline'),bottom:insertBorder('
 if(options.dragEdges){handle.t=insertDragbar('n');handle.b=insertDragbar('s');handle.r=insertDragbar('e');handle.l=insertDragbar('w');}
 if(options.sideHandles){createHandles(['n','s','e','w']);}
 if(options.cornerHandles){createHandles(['sw','nw','ne','se']);}
-var $track=newTracker().mousedown(createDragger('move')).css({cursor:'move',position:'absolute',zIndex:360});if(Touch.support){$track.bind('touchstart.jcrop',Touch.createDragger('move'));}
+$(document).bind('touchstart',function(e){if($(e.currentTarget).hasClass('jcrop-tracker'))e.stopPropagation();});var $track=newTracker().mousedown(createDragger('move')).css({cursor:'move',position:'absolute',zIndex:360});if(Touch.support){$track.bind('touchstart',Touch.createDragger('move'));}
 $img_holder.append($track);disableHandles();return{updateVisible:updateVisible,update:update,release:release,refresh:refresh,isAwake:function(){return awake;},setCursor:function(cursor){$track.css('cursor',cursor);},enableHandles:enableHandles,enableOnly:function(){seehandles=true;},showHandles:showHandles,disableHandles:disableHandles,animMode:animMode,setBgOpacity:setBgOpacity,done:done};}());var Tracker=(function(){var onMove=function(){},onDone=function(){},trackDoc=options.trackDocument;function toFront()
 {$trk.css({zIndex:450});if(Touch.support){$(document).bind('touchmove',trackTouchMove).bind('touchend',trackTouchEnd);}
 if(trackDoc){$(document).bind('mousemove',trackMove).bind('mouseup',trackUp);}}