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

-1

我有一个div，里面，我已经动态创建另一个div.I需要移动动态创建的div，并必须将其放置在所需的位置..请帮助。使用另一个div内的鼠标移动div？

我有一个主要的div。我使用javascript动态创建多个div，并附加主div，因为它是child.I必须在主div上拖动每个div时移动动态创建的div。我能够获取当前选定div的id（动态创建）

2012-03-27 nantha

你如何意味着 '使用鼠标' ???来吧，有几十种方式来做到这一点与鼠标：拖动...点击所需的地方...按照鼠标的位置......你真的要更具体的提出问题，并显示一些初步的努力。 – 2012-03-27 09:05:01

你检查了jqueryUI的draggable？

你已加载页面jQuery和jQuery用户界面后，你可以做任何DOM元素可拖动像这样

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

代码如果要约束可拖动运动，你可以通过包装成遏制选项，这样

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

或者特别是如果你想将它包含到父DIV只是通过母公司的选项，如：

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

这里是fiddle

2012-03-27 09:10:48

我有一个主要的div。我使用JavaScript动态创建多个div并附加主div，因为它是child.I必须在拖动每个div时移动主div内的动态创建的div。我可以获取当前选定div的id（动态创建） – nantha 2012-03-27 09:25:06

如果你有这个ID，那么你可以像这样拖动它： '$（'＃idOfDynamicallyCreatedDiv'）。draggable（{containment：'parent'}）;' – 2012-03-27 09:45:53

不要忘记在jquery，jqueryui和jquerycss文件中包含此代码之前的页面。 – 2012-03-27 09:47:26

回答