javascript - 使用 dojo 移动和重新排序 div

Question

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

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

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

Answer 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>