jquery fullcalendar удалить popover

Question

Я нашел образец почти как шахты, и мне нужно, чтобы я щелкнул в любом месте экрана, который будет скрываться. Является ли это возможным? Если да, то как?

$.fn.popover.defaults.container = 'body'; 

$('#mycalendar').fullCalendar(
     { 
      defaultView: "agendaWeek", 
      slotMinutes:60, 
      allDaySlot:false, 
      header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'agendaWeek,agendaDay' 
        }, 
     eventRender: function (event, element) { 
        element.popover({ 
         title: "My Title", 
         placement:    event.start.getHours()>12?'top':'bottom', 
         html:true, 
         content: event.msg 
        }); 
        }, 
       editable: false,   
      events: [ 
        { 
         title : 'Click me 3', 
         msg: 'I am clipped to the right which is annoying',        
         start : '2011-05-07 12:00:00', 
         end : '2011-05-07 13:00:00', 
         editable: false,               
         allDay : false 
        }     
       ] 
     }); 
$('#mycalendar').fullCalendar('gotoDate', 2011,04,7); 

jsfiddle может быть найден HERE.

Любая помощь я оценю

Answer 1

Попробуйте следующее изменение внутри функции eventrender:

eventRender: function (event, element) { 
    element.popover({ 
     title: "My Title", 
     placement:    event.start.getHours()>12?'top':'bottom', 
     html:true, 
     content: event.msg, 
     trigger: 'focus' // trigger popover on element focus 
    }); 
    element.attr('tabindex', -1); // make the element (div) focusable 
}, 

Я также обновил jsfiddle here.