我有一个父 div
,其中包含多个子 div。
我想允许用户移动任何子 div
并移动它以使用 dojo 对父级内的 div
重新排序。
任何人都知道可以执行此操作的准备示例。
最佳答案
使用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>
关于javascript - 使用 dojo 移动和重新排序 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47020221/