jquery插件 - EasyDrag 簡單拖動欄

EasyDrag可以指定DOM中某個元素，使其可以用滑鼠進行拖放操作。假設DOM中有一個元素：<div id=”box1″>Drag

me…</div>。那麼這樣讓它支援拖放：

$(”#box1″).easydrag();

如果想得到元素的位置值，可以用EasyDrag的ondrop方法CallBack回一個對象，如：

$(”#box1″).ondrop(function(a){ alert(a.x+’,'+a.y); });

操作很簡單，但有個問題，就是滑鼠在元素中任何範圍内都可以對元素進行拖動。如果元素中有一個滾動條或按鈕就麻煩了！滑鼠隻要一點動滾動條或按鈕，整個元素就會永遠跟着滑鼠指針，象塊風濕貼膏一樣甩都甩不掉……

<div id=”box1><div id=”darghandle“></div>Darg

me…</div>

$(”#box1″).easydrag(false,["darghandle"]);

這樣就完美了。