更改日历视图后,Qtip无法与fullcalendar一起使用

时间:2011-04-02 10:33:58

标签: jquery fullcalendar qtip

我是新来的。 我做了一些谷歌搜索,但似乎无法找到我的问题的答案。 我正在使用qtip和fullcalendar。一切都工作正常,但每次我改变全日历上的视图,例如每月更改一次,再次更改为月份,或者当我切换月份时,qtip似乎不起作用。我需要刷新页面才能使qtip工作。请帮帮我。

$(document).ready(function() {

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },              
        events: [ <?php include("events.php"); ?>]
});

$('.fc-event').qtip({
    content: 'Content',
    show: { when: { event: 'click' } },
    hide: { when: { event: 'unfocus'} },
    style: { 
        name: 'blue',
        border: {
           width: 2,
           radius: 2,
           color: '#6699CC'
        },
    width: 300
   }
   });
});

1 个答案:

答案 0 :(得分:1)

DOM更改时,qtip事件将失去其绑定。您必须使用实时方法来解决该问题。

以下是一个工作示例,将鼠标悬停在字段http://jsfiddle.net/GxXrW/8/

$('.fc-widget-content').live('mouseover', function(event){
        $(this).qtip({
           //your setup
        });
 });