Question

我有一个fullcalendar实现，其中Qtip用于在点击事件时通过eventRender回调显示工具提示，如下所示：

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到？

Answer 1

对于＆＃34;空位＆＃34;你会想要使用dayClick而不是eventRender - 因为那是日历中已有的事件。

因此，使用您的示例我的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 on fullcalendar议程周刊视图

1 个答案: