jquery.draggable.js 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. /**
  2. * jQuery EasyUI 1.4.1
  3. *
  4. * Copyright (c) 2009-2014 www.jeasyui.com. All rights reserved.
  5. *
  6. * Licensed under the GPL license: http://www.gnu.org/licenses/gpl.txt
  7. * To use it on other terms please contact us at info@jeasyui.com
  8. *
  9. */
  10. (function($){
  11. function _1(e){
  12. var _2=$.data(e.data.target,"draggable");
  13. var _3=_2.options;
  14. var _4=_2.proxy;
  15. var _5=e.data;
  16. var _6=_5.startLeft+e.pageX-_5.startX;
  17. var _7=_5.startTop+e.pageY-_5.startY;
  18. if(_4){
  19. if(_4.parent()[0]==document.body){
  20. if(_3.deltaX!=null&&_3.deltaX!=undefined){
  21. _6=e.pageX+_3.deltaX;
  22. }else{
  23. _6=e.pageX-e.data.offsetWidth;
  24. }
  25. if(_3.deltaY!=null&&_3.deltaY!=undefined){
  26. _7=e.pageY+_3.deltaY;
  27. }else{
  28. _7=e.pageY-e.data.offsetHeight;
  29. }
  30. }else{
  31. if(_3.deltaX!=null&&_3.deltaX!=undefined){
  32. _6+=e.data.offsetWidth+_3.deltaX;
  33. }
  34. if(_3.deltaY!=null&&_3.deltaY!=undefined){
  35. _7+=e.data.offsetHeight+_3.deltaY;
  36. }
  37. }
  38. }
  39. if(e.data.parent!=document.body){
  40. _6+=$(e.data.parent).scrollLeft();
  41. _7+=$(e.data.parent).scrollTop();
  42. }
  43. if(_3.axis=="h"){
  44. _5.left=_6;
  45. }else{
  46. if(_3.axis=="v"){
  47. _5.top=_7;
  48. }else{
  49. _5.left=_6;
  50. _5.top=_7;
  51. }
  52. }
  53. };
  54. function _8(e){
  55. var _9=$.data(e.data.target,"draggable");
  56. var _a=_9.options;
  57. var _b=_9.proxy;
  58. if(!_b){
  59. _b=$(e.data.target);
  60. }
  61. _b.css({left:e.data.left,top:e.data.top});
  62. $("body").css("cursor",_a.cursor);
  63. };
  64. function _c(e){
  65. $.fn.draggable.isDragging=true;
  66. var _d=$.data(e.data.target,"draggable");
  67. var _e=_d.options;
  68. var _f=$(".droppable").filter(function(){
  69. return e.data.target!=this;
  70. }).filter(function(){
  71. var _10=$.data(this,"droppable").options.accept;
  72. if(_10){
  73. return $(_10).filter(function(){
  74. return this==e.data.target;
  75. }).length>0;
  76. }else{
  77. return true;
  78. }
  79. });
  80. _d.droppables=_f;
  81. var _11=_d.proxy;
  82. if(!_11){
  83. if(_e.proxy){
  84. if(_e.proxy=="clone"){
  85. _11=$(e.data.target).clone().insertAfter(e.data.target);
  86. }else{
  87. _11=_e.proxy.call(e.data.target,e.data.target);
  88. }
  89. _d.proxy=_11;
  90. }else{
  91. _11=$(e.data.target);
  92. }
  93. }
  94. _11.css("position","absolute");
  95. _1(e);
  96. _8(e);
  97. _e.onStartDrag.call(e.data.target,e);
  98. return false;
  99. };
  100. function _12(e){
  101. var _13=$.data(e.data.target,"draggable");
  102. _1(e);
  103. if(_13.options.onDrag.call(e.data.target,e)!=false){
  104. _8(e);
  105. }
  106. var _14=e.data.target;
  107. _13.droppables.each(function(){
  108. var _15=$(this);
  109. if(_15.droppable("options").disabled){
  110. return;
  111. }
  112. var p2=_15.offset();
  113. if(e.pageX>p2.left&&e.pageX<p2.left+_15.outerWidth()&&e.pageY>p2.top&&e.pageY<p2.top+_15.outerHeight()){
  114. if(!this.entered){
  115. $(this).trigger("_dragenter",[_14]);
  116. this.entered=true;
  117. }
  118. $(this).trigger("_dragover",[_14]);
  119. }else{
  120. if(this.entered){
  121. $(this).trigger("_dragleave",[_14]);
  122. this.entered=false;
  123. }
  124. }
  125. });
  126. return false;
  127. };
  128. function _16(e){
  129. $.fn.draggable.isDragging=false;
  130. _12(e);
  131. var _17=$.data(e.data.target,"draggable");
  132. var _18=_17.proxy;
  133. var _19=_17.options;
  134. if(_19.revert){
  135. if(_1a()==true){
  136. $(e.data.target).css({position:e.data.startPosition,left:e.data.startLeft,top:e.data.startTop});
  137. }else{
  138. if(_18){
  139. var _1b,top;
  140. if(_18.parent()[0]==document.body){
  141. _1b=e.data.startX-e.data.offsetWidth;
  142. top=e.data.startY-e.data.offsetHeight;
  143. }else{
  144. _1b=e.data.startLeft;
  145. top=e.data.startTop;
  146. }
  147. _18.animate({left:_1b,top:top},function(){
  148. _1c();
  149. });
  150. }else{
  151. $(e.data.target).animate({left:e.data.startLeft,top:e.data.startTop},function(){
  152. $(e.data.target).css("position",e.data.startPosition);
  153. });
  154. }
  155. }
  156. }else{
  157. $(e.data.target).css({position:"absolute",left:e.data.left,top:e.data.top});
  158. _1a();
  159. }
  160. _19.onStopDrag.call(e.data.target,e);
  161. $(document).unbind(".draggable");
  162. setTimeout(function(){
  163. $("body").css("cursor","");
  164. },100);
  165. function _1c(){
  166. if(_18){
  167. _18.remove();
  168. }
  169. _17.proxy=null;
  170. };
  171. function _1a(){
  172. var _1d=false;
  173. _17.droppables.each(function(){
  174. var _1e=$(this);
  175. if(_1e.droppable("options").disabled){
  176. return;
  177. }
  178. var p2=_1e.offset();
  179. if(e.pageX>p2.left&&e.pageX<p2.left+_1e.outerWidth()&&e.pageY>p2.top&&e.pageY<p2.top+_1e.outerHeight()){
  180. if(_19.revert){
  181. $(e.data.target).css({position:e.data.startPosition,left:e.data.startLeft,top:e.data.startTop});
  182. }
  183. $(this).trigger("_drop",[e.data.target]);
  184. _1c();
  185. _1d=true;
  186. this.entered=false;
  187. return false;
  188. }
  189. });
  190. if(!_1d&&!_19.revert){
  191. _1c();
  192. }
  193. return _1d;
  194. };
  195. return false;
  196. };
  197. $.fn.draggable=function(_1f,_20){
  198. if(typeof _1f=="string"){
  199. return $.fn.draggable.methods[_1f](this,_20);
  200. }
  201. return this.each(function(){
  202. var _21;
  203. var _22=$.data(this,"draggable");
  204. if(_22){
  205. _22.handle.unbind(".draggable");
  206. _21=$.extend(_22.options,_1f);
  207. }else{
  208. _21=$.extend({},$.fn.draggable.defaults,$.fn.draggable.parseOptions(this),_1f||{});
  209. }
  210. var _23=_21.handle?(typeof _21.handle=="string"?$(_21.handle,this):_21.handle):$(this);
  211. $.data(this,"draggable",{options:_21,handle:_23});
  212. if(_21.disabled){
  213. $(this).css("cursor","");
  214. return;
  215. }
  216. _23.unbind(".draggable").bind("mousemove.draggable",{target:this},function(e){
  217. if($.fn.draggable.isDragging){
  218. return;
  219. }
  220. var _24=$.data(e.data.target,"draggable").options;
  221. if(_25(e)){
  222. $(this).css("cursor",_24.cursor);
  223. }else{
  224. $(this).css("cursor","");
  225. }
  226. }).bind("mouseleave.draggable",{target:this},function(e){
  227. $(this).css("cursor","");
  228. }).bind("mousedown.draggable",{target:this},function(e){
  229. if(_25(e)==false){
  230. return;
  231. }
  232. $(this).css("cursor","");
  233. var _26=$(e.data.target).position();
  234. var _27=$(e.data.target).offset();
  235. var _28={startPosition:$(e.data.target).css("position"),startLeft:_26.left,startTop:_26.top,left:_26.left,top:_26.top,startX:e.pageX,startY:e.pageY,offsetWidth:(e.pageX-_27.left),offsetHeight:(e.pageY-_27.top),target:e.data.target,parent:$(e.data.target).parent()[0]};
  236. $.extend(e.data,_28);
  237. var _29=$.data(e.data.target,"draggable").options;
  238. if(_29.onBeforeDrag.call(e.data.target,e)==false){
  239. return;
  240. }
  241. $(document).bind("mousedown.draggable",e.data,_c);
  242. $(document).bind("mousemove.draggable",e.data,_12);
  243. $(document).bind("mouseup.draggable",e.data,_16);
  244. });
  245. function _25(e){
  246. var _2a=$.data(e.data.target,"draggable");
  247. var _2b=_2a.handle;
  248. var _2c=$(_2b).offset();
  249. var _2d=$(_2b).outerWidth();
  250. var _2e=$(_2b).outerHeight();
  251. var t=e.pageY-_2c.top;
  252. var r=_2c.left+_2d-e.pageX;
  253. var b=_2c.top+_2e-e.pageY;
  254. var l=e.pageX-_2c.left;
  255. return Math.min(t,r,b,l)>_2a.options.edge;
  256. };
  257. });
  258. };
  259. $.fn.draggable.methods={options:function(jq){
  260. return $.data(jq[0],"draggable").options;
  261. },proxy:function(jq){
  262. return $.data(jq[0],"draggable").proxy;
  263. },enable:function(jq){
  264. return jq.each(function(){
  265. $(this).draggable({disabled:false});
  266. });
  267. },disable:function(jq){
  268. return jq.each(function(){
  269. $(this).draggable({disabled:true});
  270. });
  271. }};
  272. $.fn.draggable.parseOptions=function(_2f){
  273. var t=$(_2f);
  274. return $.extend({},$.parser.parseOptions(_2f,["cursor","handle","axis",{"revert":"boolean","deltaX":"number","deltaY":"number","edge":"number"}]),{disabled:(t.attr("disabled")?true:undefined)});
  275. };
  276. $.fn.draggable.defaults={proxy:null,revert:false,cursor:"move",deltaX:null,deltaY:null,handle:null,disabled:false,edge:0,axis:null,onBeforeDrag:function(e){
  277. },onStartDrag:function(e){
  278. },onDrag:function(e){
  279. },onStopDrag:function(e){
  280. }};
  281. $.fn.draggable.isDragging=false;
  282. })(jQuery);