Javascript jQuery拖放color div以更改另一个的背景

我有下面的HTML，包含4个-2个是门，2个是颜色，你可以从它们的id猜出来

我想能够拖动任何颜色的门，如蓝色的左边的门和黑色的右边，并改变背景颜色的风格

<div id="door1" style="background: #fff;"></div>
<div id="door2" style="background: #fff;"></div>
<div id="black"></div>
<div id="blue"></div>

---

即使有人至少能给我指出正确的方向，我也会很感激。

在可拖动的停止事件中，检查哪个div是目标，获得被拖动div的“左”和“顶”属性，并用被拖动div的颜色绘制它。

在可拖动的停止事件中，检查哪个div是目标拖动的div的“left”和“top”属性，并使用拖动的div中的颜色进行绘制。

应分别使用.draggable和.dropable方法初始化颜色的as和door的as小部件

然后，您可以使用droppable的事件处理程序来更改背景颜色。在处理程序内部，您可以使用此元素访问Dropable，并使用ui.draggable访问Dropable元素，如下所示：

$.color.draggable{ 回复：真 }; $.door.dropable{ drop:function，ui{ console.logui.draggable $this.cssbackground-color，ui.draggable.attrid； } }; .门{ 显示：内联块； 宽度：50px； 高度：120px； 边框：1px实心； 保证金：5px； } .颜色{ 浮动：对； 宽度：50px； 高度：50px； } 怀特先生{ 背景：fff； } 黑色的{ 背景：2000人； } 蓝色的{ 清除：左； 背景：皇家蓝； }

---

应该分别使用.draggable和.dropable方法初始化颜色的as和门的as小部件

然后，您可以使用droppable的事件处理程序来更改背景颜色。在处理程序内部，您可以使用此元素访问Dropable，并使用ui.draggable访问Dropable元素，如下所示：

$.color.draggable{ 回复：真 }; $.door.dropable{ drop:function，ui{ console.logui.draggable $this.cssbackground-color，ui.draggable.attrid； } }; .门{ 显示：内联块； 宽度：50px； 高度：120px； 边框：1px实心； 保证金：5px； } .颜色{ 浮动：对； 宽度：50px； 高度：50px； } 怀特先生{ 背景：fff； } 黑色的{ 背景：2000人； } 蓝色的{ 清除：左； 背景：皇家蓝； }

---

.draggable是实现这一目标的方法，你的问题是什么？.draggable是实现这一目标的方法，你的问题是什么？