jQuery Draggable和Droppable实现拖拽功能的实现方法如下:
1、Draggable实现方法:
jQuery UI Draggable - Default functionality Drag me around
运行效果:
用户可以随意拖拽上图中的小方块
2、Droppable的实现方法:
jQuery UI Droppable - Default functionality Drag me to my target
Drop here
运行效果:
a.拖拽前如下:
b.拖拽后: