Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript FullCalendar在鼠标悬停时更改单元格颜色_Javascript_Fullcalendar - Fatal编程技术网

Javascript FullCalendar在鼠标悬停时更改单元格颜色

Javascript FullCalendar在鼠标悬停时更改单元格颜色,javascript,fullcalendar,Javascript,Fullcalendar,我希望当用户将鼠标移到FullCalendar中一天的单元格上时,单元格颜色会临时更改。我能找到的最接近的是eventMouseover,它只有在单击单元格时才会改变颜色(我要找的是hover或mouseover,而不是click)。如果没有像div、span或td这样的对象,我发现很难应用“onmouseover”命令。这有意义吗?有什么建议吗?我成功地做到了这一点: .fc-content td:hover{background: #adf4fa;} 在fullcalendar.min.

我希望当用户将鼠标移到FullCalendar中一天的单元格上时,单元格颜色会临时更改。我能找到的最接近的是eventMouseover,它只有在单击单元格时才会改变颜色(我要找的是hover或mouseover,而不是click)。如果没有像div、span或td这样的对象,我发现很难应用“onmouseover”命令。这有意义吗?有什么建议吗?

我成功地做到了这一点:

 .fc-content td:hover{background: #adf4fa;}

在fullcalendar.min.css或fullcalendar.css中尝试此操作

我以这种方式覆盖了日历css,使用更少的:

.fc-event:hover{
  border-color: @age-color-blue-dark;
  .fc-content{
    color:  @age-color-blue-dark;
  }
}
已编译的css:

.fc-event:hover {
  border-color: #1c7d87;
}
.fc-event:hover .fc-content {
  color: #1c7d87;
}
工作得很有魅力:

.fc-list-item:hover td{
    background-color: red!important;
}

几周前做的。只需使用css:hover。不需要JavaScript或魔法:)。谢谢你,弗洛伊德。你具体在哪里使用了CSS hover?在fullcalendar.CSS文件-lookin.fc day.fc widget content中。在该CSS文件中没有名为“.fc day.fc widget content”的部分。我想我可以自己创造它。您使用的是什么版本的FC?我的是2011年的1.4.11。我怀疑我应该升级.To为hover
上的事件着色.fc content:hover{background:lightblue;cursor:pointer;}
.fc-list-item:hover td{
    background-color: red!important;
}