如何根据外部元素的 id：全日历更改外部元素拖放的背景颜色？

Question

我正在尝试在放置时更改外部元素的背景颜色。那么如何做到这一点呢？

我的代码如下，我想做一些事情，比如如果我把元素的红色掉在地上。如果我掉绿了。。。。。。所以基本上，基于它的id，它改变了元素的颜色。就好像你看到的那样，当你在周日历上放下任何东西时，默认情况下它的颜色是蓝色的，但它应该变成红色，就像你为前放下红色一样

任何帮助都会非常有用，谢谢

这是我的代码：

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

Answer 1

我的建议是在可拖动组件中添加一个data-attribute，而不是依赖于它们的类（因为它们的类中不仅仅是颜色）

然后在external events部分中构建小拖拽组件时，设置颜色属性（red、orange、purple或实际css颜色）

http://jsfiddle.net/8hqe3wxd/4/

在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>

并在外部事件配置中添加了一行

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

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