Jquery 完整日历代理周视图上的Qtip
我有一个fullcalendar实现,其中Qtip用于通过eventRender回调在单击事件时显示工具提示,如下所示:Jquery 完整日历代理周视图上的Qtip,jquery,fullcalendar,qtip,qtip2,Jquery,Fullcalendar,Qtip,Qtip2,我有一个fullcalendar实现,其中Qtip用于通过eventRender回调在单击事件时显示工具提示,如下所示: eventRender: function(event, element) { element.qtip({ content: { text: 'Hello world' }, position: { my: 'left center', at: '
eventRender: function(event, element) {
element.qtip({
content: {
text: 'Hello world'
},
position: {
my: 'left center',
at: 'right center'
},
show: {
solo: true,
event: 'click'
},
hide: 'click unfocus'
});
},
在agendaweek(或agendaday)视图中单击空插槽时,如何在其上显示工具提示
我在dayClick和select回调中都尝试过使用Qtip,但没有效果-我无法在单击的单元格旁边显示工具提示,因为这两个回调都没有为“空槽”分配Qtip的元素变量您将希望使用dayClick而不是eventRender,因为这适用于日历中已有的事件
因此,使用您的示例my dayClick将如下所示:
dayClick: function(date, jsEvent, view) {
$(this).qtip({
content: {
text: 'Hello world'
},
position: {
target: [jsEvent.pageX,jsEvent.pageY]
},
show: {
ready: true,
solo: true
},
hide: 'unfocus'
});
}
希望能有所帮助。谢谢你的回答;尽管qtip的垂直位置在议程视图中不正确,但在月视图中效果良好,如本jsfiddle所示:有没有办法纠正位置?我已经更改了位置,以鼠标点击为目标。您应该能够只添加目标:“鼠标”,但无论出于什么原因,它都不起作用。还要注意,这可能在fullcalendar 1.5中不起作用。如果可以,我建议您使用版本2。有关定位的更多细节和示例,请参阅。我尝试过使用target:mouse,这显然是个问题。使用jsEvent坐标可以很好地工作。谢谢