如何在外部元素掉落的基础上更改背景颜色's id:完整日历
How to change background Color on external element drop based on it's id: Fullcalendar?
我正在尝试在放置时更改外部元素的背景颜色。那么如何做到这一点呢?
我的代码如下,我想做一些事情,比如如果我把元素的红色掉在地上。如果我掉绿了。。。。。。所以基本上,基于它的id,它改变了元素的颜色。就好像你看到的那样,当你在周日历上放下任何东西时,默认情况下它的颜色是蓝色的,但它应该变成红色,就像你为前放下红色一样
任何帮助都会非常有用,谢谢
这是我的代码:
jsFiddle link http://jsfiddle.net/jimil/8hqe3wxd/2/
我的建议是在可拖动组件中添加一个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')
这是存储您希望每个可拖动的颜色,并在构建小日历元素时设置该颜色。希望这就是您想要的
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何访问svg内部id并让CSS更改该id的填充颜色
- 平滑滚动时更改 ID 的颜色
- 当 td id 已知时,在 jquery 中设置 td 背景颜色
- Jquery 选择如何通过 id 设置行颜色
- 如何根据今天的日期更改 ID 颜色
- 更改切换 ID 链接的颜色
- 光谱颜色选择器将id和颜色发布到php
- 通过其 id 为表中的特定单元格添加颜色
- 如何将背景颜色设置为具有与url锚相同id的元素
- 如何在外部元素掉落的基础上更改背景颜色's id:完整日历
- 如何在每个ID上更改标题的背景颜色
- jQuery:为ID+Variable设置css背景颜色
- 改变背景背景颜色切换CSS id使用递归函数
- 如何获得td的颜色id(而不是td的列号)?
- jquery-使用elementFromPoint按id更改元素背景颜色
- jquery通过元素的位置和颜色来获取元素id
- 在用javascript添加了id和css之后,Firefox只解释文本颜色
- 如何在某个ID选择器上更改导航链接的颜色?更具体地说,使用视差脚本