jquery - 悬停在 agendaWeek + fullcalendar 的一个单元格上的效果

标签 jquery css hover fullcalendar timeslots

您好,我正在使用 Adam Shaw (http://arshaw.com/fullcalendar/) 的 FullCalendar。我正在使用一个月和 agendaWeek View 。当用户悬停在月 View 中的日期或 agendaWeek View 中的时间段时,我想加入悬停效果。我尝试按如下方式更改 css:

.fc-widget-content:hover {
        background-color: red;
    }

这适用于月 View 。附件文件 Hover on 16th Jan

但是,当我只需要突出显示一个时间段时,相同的代码会选择 agendaWeek View 中的整行。

下面的示例图片显示了每天下午 1:00 的整个时间段,而不仅仅是 02-01 年星期三鼠标光标所在的时间段。

Hover on whole line instead of one timeslot

关于如何实现这一目标的任何想法。

非常感谢。

最佳答案

您并不孤单:FullCalendar 的许多用户希望看到开箱即用支持的各个时间段的突出显示。有一个 issue在谷歌代码上找到这个。

该问题源于 2009 年 10 月,因此我们似乎不应该抱太大希望,但一些用户提出了不同的解决方法。其中之一在我的代码中成功运行,因此值得一试。

关于jquery - 悬停在 agendaWeek + fullcalendar 的一个单元格上的效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14128222/

相关文章:

javascript - 如何在jquery中子串

javascript - ionic 4 个 ionic 项在同一行显示数据。如果数据太长,则只显示可以显示的数据

html - a 标签内的不同悬停行为。 IE 8+ 中的问题

image - 悬停标签时显示图像

javascript - 重叠过渡

javascript - m 未定义 - 在三列上排序时的 sorttable.js

jquery - 悬停时的语义 UI 转换

动态添加元素时,CSS nth-child 属性无法正常工作

javascript - 将鼠标悬停在图像上时播放视频并显示文本

php - Ajax 响应中的杂散字符?