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({});
沒有留言:
張貼留言