第一步下載，壓縮包網盤連接：鏈接：https://pan.baidu.com/s/1SZhemOdA7l-HfD67wyLylg 提取碼：sh8e
第二步：將壓縮包解壓後，
這四個文件放至項目工程目錄下，
第三步：在html或者是jsp界面引用樣式和js
<link rel="stylesheet" type="text/css" href="/util/js/TdragMove/js/udraggable/examples.css">
<script type="text/javascript" src="/util/js/TdragMove/js/udraggable/jquery.js"></script>
<script type="text/javascript" src="/util/js/TdragMove/js/udraggable/jquery.event.ue.js"></script>
<script type="text/javascript" src="/util/js/TdragMove/js/udraggable/jquery.udraggable.js"></script>
第四步：
在body裏面放置你需要拖動的圖片或者是div元素：body是父級，class='boxList'是用來限制圖片拖動不能超出body，當然body的背景可以自己隨便設計
img的class='drag'就是需要拖動的元素我這裏是寫死了三個img，但是實際中，肯定是循環數據庫的數據，每個需要拖動的元素加個flag，方便拖動後，獲取所有需要保存的元素的位置信息，然後每個元素的屬性top和left都是數據庫取出來的變量值，我這裏是寫死的，
第五步：當然就是我們最關心的js了，
將上面需要拖動的元素全部進行循環，綁定拖動事件，如下，放在界面加載裏面，其中參數列表，寫的很清楚了，然後save方法就是拖動每個禮物後，馬上將所以的元素拿到位置，然後封裝，然後保存到數據庫，回顯的時候，就是上面的html裏面的循環，從數據庫取出來後，在循環每個元素的top和left已經flag值顯示，就好了
非常方便，而且適用於app和電腦都適用，非常謝謝