Draggable插件有2种方式实现

第一种 通过标记创建Draggable元素

<divid="dra"class="easyui-draggable"data-options="handle:'#title'"><divid="title">Draggable元素</div></div>

第二种 使用 javascript代码创建Draggable元素

先编写HTML代码


<divid="dra"><divid="title">Draggable元素</div></div>

在编写JS代码创建Draggable元素:通过ID加载


$('#dra').draggable({handle:'#title',//启动可拖动的处理//如果需要停止拖动可以设置disabled为truerevert:true,//拖动后返回开始位置proxy:function(source){//创建代理对象varp=$('<div></div>');p.html($(source).html()).appendTo('body');returnp;};});