Javascript 如何在此基础上更改外部元素拖放的背景色'；s id:完整日历？

我正在尝试更改拖放时外部元素的背景色。那怎么做呢

我的代码如下所示，我想做一些事情，比如，若我把元素的颜色降为红色，那个么就把元素的颜色降为红色。如果我放弃绿色，那么。。。。。。所以基本上，根据它的id改变元素的颜色。就好像你们看到了，当你们在星期日历上放下任何东西时，它的默认颜色是蓝色的，但当你们放下红色的时候，它应该变成红色

任何帮助都会很有用的谢谢大家

这是我的密码：

jsFiddle link  http://jsfiddle.net/jimil/8hqe3wxd/2/

---

我的建议是在可拖动组件中添加一个

数据属性

，而不是依赖于它们的类（因为它们的类中不仅仅有颜色）

然后，在

外部事件

部分中构建拖动的小组件时，设置颜色属性（红色、

橙色

、

紫色

或实际的css颜色）

在fiddle中，我向html添加了数据属性：

<div class='fc-event orange' id="1" data-color="orange">Orange</div>
<div class='fc-event red' id="2" data-color="red">Red</div>
<div class='fc-event purple' id="3" data-color="purple">Purple</div>

这是存储您希望每个可拖动的颜色，并在构建小日历元素时设置该颜色。

---

希望这就是您想要的

您是否想知道在drop上更改背景颜色的代码是什么，或者您需要听的“drop”事件是什么？是的，因为我不知道如何做？？？drop:function（date）{//在您将任何红色/绿色/蓝色类拖放到week表时调用..仅第一次运行..console.log(“drop”）；console.log（date.format（））；console.log（this.id）；if（this.id==1）{color:$（this.data（'color'）}我写错了还是写错了对不起，写得不太好，你能帮我提提琴吗？谢谢，真的很感谢：）你看起来很专业，我又发了一个与之相关的问题，你能帮我吗

color: $(this).data('color')