Qtip上fullcalendar agendaweek视图

-1

我有一个fullcalendar实施方案，其中Qtip用于显示被点击的情况下，通过eventRender回调的工具提示，如下所示：Qtip上fullcalendar agendaweek视图

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' 
    }); 
},

一个如何去显示一个提示当它在议程周（或日历日）视图中被点击时在空槽上？

我已经尝试在dayClick和select回调中使用Qtip无济于事 - 我无法找到在点击单元格旁边显示工具提示的方法，因为这些回调都没有元素变量来分配qtip至？

来源

2014-09-23 Smithy

对于“空槽”，您希望使用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' 
      }); 
     }

希望有所帮助。

来源

2014-09-25 06:43:26 BJ1980

感谢您的回答;它在月视图中工作正常，虽然qtip的垂直位置在议程视图中不正确，如此jsfiddle所示：http://jsfiddle.net/moqovy1s/2/ 有没有任何方法可以更正定位？ – Smithy 2014-09-25 16:00:32

我已将位置改为鼠标点击。你应该能够添加目标：'鼠标'，但无论出于什么原因，这是行不通的。另外请注意，这可能不适用于fullcalendar 1.5。如果可以的话，我会推荐使用版本2。有关定位的更多详细信息和示例，请参阅http://qtip2.com/options#position。 – BJ1980 2014-09-26 00:26:03

我试过用目标：鼠标这显然是问题。使用jsEvent坐标工作正常。谢谢！ – Smithy 2014-09-26 12:11:34

Qtip上fullcalendar agendaweek视图

回答

相关问题