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

Question

我是新来的。 我已经做了一些谷歌搜索，但似乎无法找到我的问题的答案。 我将 qtip 与 fullcalendar 一起使用。一开始一切正常，但每次我更改 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
   }
   });
});

Answer 1

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

这是一个工作示例，将鼠标悬停在字段上，http://jsfiddle.net/GxXrW/8/

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