Javascript 将一个div轻松地从一个拖放到另一个

Javascript 将一个div轻松地从一个拖放到另一个,javascript,jquery,html,css,drag-and-drop,Javascript,Jquery,Html,Css,Drag And Drop,我试着将一个div从一个div轻松地移动到另一个div 我这里有样式和html,所以你可以帮助我,这里是代码 #myDIV{ 边框:1px纯黑; 边缘底部:10px; 宽度:500px; 高度:300px; 框大小:边框框; 边框:实心#000 2px; 背景色:#d12; } 泽先生{ 位置:固定; 宽度:400px; 高度:100px; 背景色:#73AD81; 溢出:隐藏; 边界半径:20px 60px; 边框:2px实心#965D31; } 左{ 最高:50%; 转化:transla

我试着将一个div从一个div轻松地移动到另一个div

我这里有样式和html,所以你可以帮助我,这里是代码


#myDIV{
边框:1px纯黑;
边缘底部:10px;
宽度:500px;
高度:300px;
框大小:边框框;
边框:实心#000 2px;
背景色:#d12;
}
泽先生{
位置:固定;
宽度:400px;
高度:100px;
背景色:#73AD81;
溢出:隐藏;
边界半径:20px 60px;
边框:2px实心#965D31;
}
左{
最高:50%;
转化:translateY(-50%);
}
是的{
右:0;
最高:50%;
转化:translateY(-50%);
}
泽普先生{
左:50%;
转化:translateX(-50%);
}
泽顿先生{
左:50%;
转化:translateX(-50%);
底部:0;
}
var parent=document.getElementById(“父div”);
//用于演示目的
风险值数据={
断开连接:正确
},
类=[‘左’、‘右’、‘上’、‘下’];
//socket.on(“断开连接”,函数(数据){
//接收“数据”并检查“断开连接”是否为真
//循环用于演示目的
对于(变量i=0;i<4;i++){
如果(data.isConnected==true){
parent.innerHTML+=“”
}
}
//});

这篇文章提出了类似的问题。(我问了这个问题)。如果您查看注释部分中的JSFIDLE代码和答案,您应该能够了解如何做到这一点。我花了几个小时根据自己的需要定制,但我还是去了。所以要有耐心,继续尝试代码。您将需要像这样在您的部分中包括JQuery库引用

<head>
   <!--JQuery Lirary for adding answer steps-->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>


希望这能帮助你走上正轨

你的意思是将你的
#myDIV
克隆到其他新创建的div中吗?只需将其拖放到那里,使用插件(例如)怎么样?我该怎么做?阅读文档,这里有一些示例。如果你有具体问题,我很乐意帮助你。别忘了在你的评论中添加我的用户名,比如@MoshFeu,