当我鼠标超过一天时,我想调用工具提示

时间:2016-04-22 05:16:05

标签: fullcalendar

如果我写得如下,我可以进入功能,但是,不知道如何 调用工具提示事件。 当我将它应用到eventMouseover时,它可以很好地工作,但是在下面,它不会调用任何东西。

 $('body').on('mouseover', 'td.fc-day, td.fc-day-number', function() {
           var start=$(this).data('date');
           var tooltip = '<div class="tooltipevent" style="width:200px;height:50px;background:#fff;position:absolute;z-index:10001; padding:20px; border:1px solid rgba(0,0,0,0.1);">' + "SSSS" + '</div>';

           $(this).append(tooltip);
 });

1 个答案:

答案 0 :(得分:0)

使用Bootstrap工具提示插件http://getbootstrap.com/javascript/#tooltips。然后在eventRender里面回调写下面的内容:

eventRender: function(event, element) {
    $(element).tooltip({title: event.title});
}

这将有效

image

更新: 以上是为了悬停在一个事件上, 这是在白天悬停:

$(".fc-day").hover(function(){
   // code for creating tooltip
});