2014年8月11日 星期一

touch to drag on iOS

Ref:
http://popdevelop.com/2010/08/touching-the-web/

jQuery Plugin:

$.fn.draggable = function() {
  var offset = null;
  var start = function(e) {
    var orig = e.originalEvent;
    var pos = $(this).position();
    offset = {
      x: orig.changedTouches[0].pageX - pos.left,
      y: orig.changedTouches[0].pageY - pos.top
    };
  };
  var moveMe = function(e) {
    e.preventDefault();
    var orig = e.originalEvent;
    $(this).css({
      top: orig.changedTouches[0].pageY - offset.y,
      left: orig.changedTouches[0].pageX - offset.x,
    });
$("#position-detector").html( "top: "+ $(this).position().top +", left:"+ $(this).position().left );
  };
  this.bind("touchstart", start);
  this.bind("touchmove", moveMe);
  this.bind("
};


To use:
$("#position-detector").draggable({});


沒有留言:

張貼留言