2014-09-23 73 views
-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至?

回答

1

對於「空槽」,您希望使用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' 
      }); 
     } 

希望有所幫助。

+0

感謝您的回答;它在月視圖中工作正常,雖然qtip的垂直位置在議程視圖中不正確,如此jsfiddle所示:http://jsfiddle.net/moqovy1s/2/ 有沒有任何方法可以更正定位? – Smithy 2014-09-25 16:00:32

+1

我已將位置改爲鼠標點擊。你應該能夠添加目標:'鼠標',但無論出於什麼原因,這是行不通的。另外請注意,這可能不適用於fullcalendar 1.5。如果可以的話,我會推薦使用版本2。有關定位的更多詳細信息和示例,請參閱http://qtip2.com/options#position。 – BJ1980 2014-09-26 00:26:03

+0

我試過用目標:鼠標這顯然是問題。使用jsEvent座標工作正常。謝謝! – Smithy 2014-09-26 12:11:34

相關問題