jquery - 更改日历视图后，Qtip 不适用于 fullcalendar

Question

我刚来这地方。我做了一些谷歌搜索，但似乎无法找到我的问题的答案。我正在使用带有完整日历的 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
   }
   });
});

Answer 1

当DOM 改变时，qtip 事件失去它的绑定。您必须使用实时方法来解决该问题。

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

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