Fullcalendar con Twitter Bootstrap Popover

Question

Sto cercando di far funzionare Fullcalendar con i popover di twitter boostrap.
se faccio clic su un evento, voglio mostrare alcuni dettagli nel popover.
Quindi prima aggiunte questo frammento di lil per Fullcalendar:

eventClick: function(event, jsEvent, view) { 
     $this = $(this); 
     $this.popover({html:true,title:event.title,placement:'top'}).popover('show'); 
     return false;    
    }, 

Ma ora corro in 2 problemi:

1. Fullcalendar è all'interno di un div che ha overflow: hidden o qualcosa del genere, perché il popover viene tagliato al confine di Fullcalendar. Come lo aggiusto?
2. Simile al problema 2 Vorrei posizionare il popover tramite una funzione in alto, a sinistra, a destra o in basso a seconda della posizione in cui si trova l'evento nella griglia Fullcalendar. Come posso fare una tale funzione?

grazie!

Answer 1

Dalla versione 2.3 bootstrap ora ha un'opzione "contenitore" per i popover che aggiunge il popover a un elemento specifico.

basta aggiungere {container:'body'} per aggiungere al corpo

$this.popover({html:true,title:event.title,placement:'top',container:'body'}).popover('show'); 

Answer 2

Questo codice mi ha aiutato

$('#calendar').fullCalendar({ 
    eventRender: function (event, element) { 
     element.popover({ 
      title: event.name, 
      placement: 'right', 
      content: + '<br />Start: ' + event.starts_at + '<br />End: ' + event.ends_at + '<br />Description: ' + event.description, 
     }); 
    } 
}); 

versione bootstrap - 2.3.2, calendario completo - 1.6.4

tratto da https://groups.google.com/forum/#!topic/twitter-bootstrap-stackoverflow/9pkC3_lodmY

Answer 3

Aggiungi il popover al calendario containe r per scorrere il popover con il calendario.

  $(jsEvent.target).popover({ 
       html: true, 
       container:'#calendar', 
       placement: 'right' 
      });