Fullcalendar với Twitter Bootstrap Popover

Question

Tôi đang cố gắng để có được Fullcalendar làm việc với popovers twitter advrap.
nếu tôi nhấp vào một sự kiện, tôi muốn hiển thị một số chi tiết trong cửa sổ bật lên.
Vì vậy, đầu tiên thêm đoạn lil này để Fullcalendar:

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

Nhưng bây giờ tôi chạy vào 2 vấn đề:

1. Fullcalendar là bên trong một div có overflow: hidden hoặc một cái gì đó, bởi vì popover bị cắt trên biên giới của Fullcalendar. Làm cách nào để khắc phục điều đó?
2. Tương tự như vấn đề 2 Tôi muốn đặt cửa sổ bật lên thông qua chức năng ở trên cùng, bên trái, phải hoặc dưới tùy thuộc vào vị trí mà sự kiện nằm trong lưới Fullcalendar. Làm thế nào tôi có thể làm một chức năng như vậy?

cảm ơn!

Answer 1

Từ phiên bản 2.3 bootstrap giờ đây có tùy chọn "vùng chứa" cho các cửa sổ bật phụ thêm cửa sổ bật lên vào một phần tử cụ thể.

chỉ cần thêm {container:'body'} để thêm nó vào cơ thể

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

Answer 2

Mã này đã giúp tôi

$('#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, 
     }); 
    } 
}); 

bootstrap phiên bản - 2.3.2, đầy đủ lịch - 1.6.4

lấy từ https://groups.google.com/forum/#!topic/twitter-bootstrap-stackoverflow/9pkC3_lodmY

Answer 3

Thêm cửa sổ bật lên vào lịch chứa r để cuộn cửa sổ bật lên với lịch.

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