如何更改背景颜色外部元素下降基于它的id：Fullcalendar？

Question

我正在尝试更改外部元素的背景颜色。那怎么办？

我的代码是关注的，我想做一些事情，比如我在掉落时掉红色然后是红色的元素。如果我掉绿然后......所以基本上，根据它的id改变了元素的颜色。好像你看到当你在周日历上丢弃任何东西时，默认情况下它的颜色变为蓝色，但它会变为红色，因为你在前面掉红了。

任何帮助都非常有用，谢谢你们

这是我的代码：

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

Answer 1

我的建议是在可拖动的组件中添加data-attribute，而不是依赖他们的班级（因为他们的班级不仅仅是颜色）

然后在external events部分中构建拖动较少的组件时，设置颜色属性（red，orange，purple或实际的css颜色）< / p>

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

在小提琴中，观察我将数据属性添加到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')

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