我有FullCalendar启动并运行它非常好.我的问题是如何最好地实现时隙悬停功能.如果用户可以为他们悬停的任何给定时间段提供视觉提示,那将是非常好的.
我发现以下链接http://code.google.com/p/fullcalendar/issues/detail?id=269提供了一个解决方案,它在议程单元格行中添加了一个新结构,以便提供对单个单元格的访问.但是,表明此解决方案将导致FullCalendar变得迟缓.
在我开始研究FullCalendar代码之前,我想我会问其他人是否有任何想法或解决方案.
我对此的看法如下:
>向每个时间段添加占位符事件.用户不会看到这些事件,但这些不可见事件可用于允许“悬停”标记.我担心的是,添加额外的事件会导致FullCalander变得迟钝.此外,拖放功能可能会受到影响.
> FullCalender可以确定用户点击的时间段.是否可以使用获取点击时间段的代码来为悬停突出显示提供参考?
>其他?
我正在考虑选项2作为开始的地方.但是,如果有人对可行的解决方案有另一个想法,我会很高兴听到它.
谢谢,
吉姆
以下是FullCalendar网站的链接:http://fullcalendar.io/
我发现很高兴与你合作.
解决方法
以下代码为我做了诀窍.
$('.ui-widget-content').hover(function(){ if(!$(this).html()){ for(i=0;i<7;i++){ $(this).append('<td class="temp_cell" style="border: 0px; width:'+(Number($('.fc-day').width())+2)+'px"></td>'); } $(this).children('td').each(function(){ $(this).hover(function(){ $(this).css({'background-color': '#ffef8f','cursor': 'pointer'}); },function(){ $(this).prop('style').removeProperty( 'background-color' ); }); }); } },function(){ $(this).children('.temp_cell').remove(); });
确保在实例化日历的代码之后添加它,如果JQuery日历的defaultview属性是’AgendaWeekly’,它应该按原样工作.
干杯,中号
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。