我迫切需要编写一个用于使用 dojo 进行拖放的 javascript 代码。请为我提供包含正确代码的链接。我只想要一个简单的功能，即可以将来自 1 个容器的项目拖放到另一个容器的项目中。没有什么装饰性的。我已经看到了它，但没有得到正确的结果。
【问题讨论】：
标签： javascript dojo drag-and-drop
这是一个例子：如果你想将 li 拖放到 ul 中，你可以这样做： HTML：
<ul id="list">
<li class="dojoDndItem">content</li>
<li class="dojoDndItem">content</li>
<li class="dojoDndItem">content</li>
</ul>
JavaScript：
dojo.require("dojo.dnd.Source");
dojo.addOnLoad(function(){
new dojo.dnd.Source("list");
});
就是这样。完毕。这是一个 jsfiddle 示例：http://jsfiddle.net/xFcuB/
您可以在 while 中添加各种糖。更多信息在这里：http://dojotoolkit.org/reference-guide/dojo/dnd.html#dojo-dnd
【讨论】：
Target。 jsfiddle.net/xFcuB/209
这是一个例子：如果你想从一个容器拖放到另一个容器：
HTML
<div dojoType="dojo.dnd.Source" id="listNode" class="container1">
<div dojoType="dojo.dnd.Source" class="dojoDndItem movableContainer">A container</div>
<div class="dojoDndItem">Item 1</div>
<div class="dojoDndItem">Item 2</div>
<div class="dojoDndItem">Item 3</div>
</div>
<br>
<div dojoType="dojo.dnd.Source" class="container1">
</div>
JavaScript
dojo.require("dojo.dnd.Source");
CSS
.dojoDndItem { padding:3px; }
.movableContainer { border: 1px solid #aaa; }
.movableContainer div { margin-left: 5em; }
.container1 { border-radius: 8pt 8pt 8pt 8pt; border:1px solid #aaa; padding: 1em 3em; cursor: pointer; }
.container2 {position:inherit;border-radius: 8pt 8pt 8pt 8pt; border:1px solid #aaa; padding: 1em 3em;cursor: pointer; }
#listNode { background: #ddd; }
你已经完成了。这就是魔法。这是一个 jsfiddle 示例：http://jsfiddle.net/V5yBs/
我希望这是你想要的。享受
【讨论】：