jQuery EasyUI API - Base - Draggable [原创汉化官方API]

---

最近在学习jQuery EasyUI，发现中文的文档好少，部分文档不错但它是鸟语的，为了大家也为了自己学习吧，汉化做一下笔记。

有没有说清楚的，或者翻译不正确的地方还请大家谅解指出。。

由于工作时间原因，每天翻译一点，最后会整理出一套帮助文档发布给大家，一起期待哈。。

还有。。。赞一下了哈~打字很累的。。(*^_^*)

---

Draggable

覆盖缺省值 $.fn.draggable.defaults.

用法示例

使用标签创建一个可拖动的元素：

<div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">
<div id="title" style="background:#ccc;">title</div>
</div>

使用JavaScript创建一个可拖动的元素：

 <div id="dd" style="width:100px;height:100px;">
     <div id="title" style="background:#ccc;">title</div>
 </div>  

<div id="dd" style="width:100px;height:100px;">
<div id="title" style="background:#ccc;">title</div>
</d

 $('#dd').draggable({
     handle:'#title'
 });  

$('#dd').draggable({
handle:'#title'
}

属性

名称	返回类型	描述	默认值
proxy	string,function	拖动时，当设置为“clone”要使用的代理元素，克隆元素被用来作为代理。如果指定一个函数，它必须返回一个jQuery对象。 下面的示例显示了如何创建一个简单的代理对象。 $('.dragitem').draggable({ proxy: function(source){ var p = $('<div style="border:1px solid #ccc;width:80px"></div>'); p.html($(source).html()).appendTo('body'); return p; } });	null
revert	boolean	如果设置为true，则该元素将停止拖动时，返回到起始位置。	false
cursor	string	拖动时的CSS光标。	move
deltaX	number	被拖动的元素位置X对应当前光标。	null
deltaY	number	对应于当前光标拖动的元素位置y。	null
handle	selector	该句柄用于启动拖动。	null
disabled	boolean	真正停止拖动。	false
edge	number	在指定宽度内可以拖动。	0
axis	string	定义了拖动的元素上移动，可用的值是'V'或'h'的轴，当设置为null将跨越'V'和'h'方向移动。	null

事件

名称	参数	描述
onBeforeDrag	e	拖动之前触发，返回false即可取消此拖动操作。
onStartDrag	e	触发时，目标对象开始拖动。
onDrag	e	拖动时触发，返回false将不会真正地取消拖动。
onStopDrag	e	当拖动停止时触发。

方法

名称	参数	描述
options	none	返回当前选项的属性。
proxy	none	返回拖动代理(如果代理服务器属性时设置好的)。
enable	none	启用拖动操作。
disable	none	禁止拖动操作。

---

[原创汉化，欢迎转载学习，请注明出处：]

Ｑ空间：http://778078163.qzone.qq.com
博客园：http://www.cnblogs.com/LonelyShadow