使用 dojo 移动和重新排序 div答案

【问题标题】：Moving and reordering div using dojo使用 dojo 移动和重新排序 div
【发布时间】：2017-10-30 16:39:10
【问题描述】：

我有一个父 div，其中包含几个子 div。

我想允许用户移动任何子 div 并移动它以使用 dojo 重新排序父内的 div。

任何人都知道可以执行此操作的示例。

【问题讨论】：

你能发布到目前为止你尝试了什么吗？

标签： javascript dojo draggable

【解决方案1】：

使用 dojo/dnd/Source 就可以了，只需创建一个父 div，子 div 应该包含 dojoDndItem 类，

最后在你的父 div 上实例化 Source

require(["dojo/dnd/Source",
  "dojo/domReady!"
], function(Source) {
		var source =new Source("container");
});

.dojoDndItem {
  border:1px solid black;
  padding : 5px 0;
}

<link href="https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css" rel="stylesheet"/>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>


<div id="container">
  <div class="dojoDndItem movable">Div 1</div>
  <div class="dojoDndItem movable">Div 2</div>
  <div class="dojoDndItem movable">Div 3</div>
  <div class="dojoDndItem movable">Div 4</div>
</div>

【讨论】：