使用另一个div内的鼠标移动div？

Question

我有一个div，里面我动态创建了另一个div。我需要移动动态创建的div并且必须将它放在所需的位置。请帮助。

我有一个主要的div。我正在使用javascript动态创建多个div，并附加主div作为它的孩子。我必须在每个div上拖动主div中的动态创建的div。我能够获得当前所选div的id（动态创建）< / p>

Answer 1

你检查了jqueryUI的draggable吗？

在页面上加载了jquery和jquery ui之后，可以使用这样的代码使任何dom元素可拖动

$('div.inside').draggable();

如果要约束可拖动的移动，可以将包装器传递给包含选项，如下所示

$('div.inside').draggable({containment : 'div.outer'});

或者特别是如果你想将它包含在父div中，只需在选项中传递parent，如下所示：

$('div.inside').draggable({containment : 'parent'});

以下是fiddle