通过jQuery EasyUI实现基本的拖放，此为转发！！大家学习讨论

本教程（转自慧都控件网）将为你展示如何使HTML元素可拖动。在这个示例中我们将创建3个DIV元素，然后使它们能够被拖动。

查看演示

首先，我们创建3个div元素：

1 2 3

<div id="dd1" class="dd-demo"></div> <div id="dd2" class="dd-demo"></div> <div id="dd3" class="dd-demo"></div>

对于第一个div元素，我们可以通过默认设置使其可拖动。

1	$('#dd1').draggable();

对于第二个div元素，我们可以通过创建一个复制原始元素的代理使其可拖动。

1 2 3

$('#dd2').draggable({ proxy:'clone' });

对于第三个div元素，我们可以通过创建一个自定义的代理使其可拖动。

1 2 3 4 5 6 7

$('#dd3').draggable({ proxy:function(source){ var p = $('<div class="proxy">proxy</div>'); p.appendTo('body'); return p; } });