Question

大家好，我是jquery的新手。我想创建一个拖放，我可以将我的五个画布放在一个特定的div（dropzone）中，我需要一些特殊的功能：

1）：当我拖动他时（如javascript copymove）创建我的画布的克隆并将该克隆放入dropzone，而不是原始（原始画布它始终存在于他的位置，并且必须是可拖动的infiniy时间）< / p>

2）：将画布放入dropzone后，可以通过点击他并使用特定的键盘键（如“canc”）删除它

3）：必须仅在我的特定div中接受Drop操作

4）：当我在画布中放置画布时，画布所占用的位置将不再是一个dropzone（新画布不能放在旧画布上）。

我从这个js文件开始：

$( dragdrop );

function dragdrop() {
   $('.note').draggable();
   $('#dropzone').droppable();

}

我的5画布：

<canvas id="nota1" class="note"
width="10" height="20">
</canvas>

<canvas id="nota2" class="note"
width="20" height="20">
</canvas>

<canvas id="nota3" class="note"
width="40" height="20">
</canvas>

<canvas id="nota4" class="note"
width="80" height="20">
</canvas>

<canvas id="nota5" class="note"
width="160" height="20">
</canvas>

我的div（dropzone）：

<div id="dropzone" width="800" height="800"
</div>

Answer 1

看一下jQueryUI模块“Droppable”和“Draggable”，如下所示：

https://jqueryui.com/droppable/

使用Jquery拖放应用程序

1 个答案: