65 $(".arrow_right").data({xdelta: -6, ydelta: 0}); |
65 $(".arrow_right").data({xdelta: -6, ydelta: 0}); |
66 $(".arrow_top").data({xdelta: 0, ydelta: 6}); |
66 $(".arrow_top").data({xdelta: 0, ydelta: 6}); |
67 $(".arrow_bottom").data({xdelta: 0, ydelta: -6}); |
67 $(".arrow_bottom").data({xdelta: 0, ydelta: -6}); |
68 |
68 |
69 $(".arrow") |
69 $(".arrow") |
70 .mousedown(function() { |
70 .on("touchstart mousedown", function(evt) { |
71 var deltas = $(this).data(), |
71 var deltas = $(this).data(), |
72 move = function() { |
72 move = function() { |
73 tagsInner.css({ |
73 tagsInner.css({ |
74 "left": deltas.xdelta + parseInt(tagsInner.css("left")), |
74 "left": deltas.xdelta + parseInt(tagsInner.css("left")), |
75 "top": deltas.ydelta + parseInt(tagsInner.css("top")) |
75 "top": deltas.ydelta + parseInt(tagsInner.css("top")) |
76 }); |
76 }); |
77 } |
77 } |
78 window.clearInterval(dragtimeout); |
78 window.clearInterval(dragtimeout); |
79 dragtimeout = window.setInterval(move, 20); |
79 dragtimeout = window.setInterval(move, 20); |
80 move(); |
80 move(); |
|
81 return false; |
81 }) |
82 }) |
82 .on( |
83 .on( |
83 "mouseout mouseup", |
84 "touchend mouseout mouseup", |
84 function() { |
85 function() { |
85 window.clearInterval(dragtimeout); |
86 window.clearInterval(dragtimeout); |
86 } |
87 } |
87 ); |
88 ); |
88 |
89 |