Fullcalendar с Twitter Загрузочный Popover

Я пытаюсь получить Fullcalendar, работая с twitter boostrap popovers.
если я нажму событие, я хочу показать некоторые детали в popover.
Поэтому сначала добавили этот фрагмент lil в Fullcalendar:

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

Но теперь я столкнулся с двумя проблемами:

Fullcalendar находится внутри div, который имеет переполнение: скрытое или что-то, потому что popover получает разрез на границе Fullcalendar. Как это исправить?
Как и проблема 2, я хотел бы поместить popover с помощью функции сверху, слева, справа или внизу в зависимости от положения, в котором событие находится в сетке Fullcalendar. Как я могу выполнить такую функцию?

спасибо!

Ответы

Ответ 1

В версии 2.3 bootstrap теперь имеет опцию "container" для popovers, которая добавляет popover к определенному элементу.

просто добавьте {container:'body'}, чтобы добавить его в тело

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

Ответ 2

Этот код помог мне

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

загрузочная версия - 2.3.2, полный календарь - 1.6.4

взято из https://groups.google.com/forum/#!topic/twitter-bootstrap-stackoverflow/9pkC3_lodmY

Ответ 3

Приложите popover к контейнеру календаря для прокрутки пополнения с календарем.

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