Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 完整日历代理周视图上的Qtip_Jquery_Fullcalendar_Qtip_Qtip2 - Fatal编程技术网

Jquery 完整日历代理周视图上的Qtip

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: '

我有一个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的元素变量您将希望使用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坐标可以很好地工作。谢谢