Fullcalender with bootstrap popover z-Index问题

Question

我正在尝试整合完整的日历调度程序和引导程序弹窗。不过，我正在用这个来获取UI问题。

我尝试设置popover的z-index以及我的popover内部html。什么都没有

这里是我的小提琴链接https://jsfiddle.net/87977p1x/5/

点击事件2可以看到酥料饼。这里是内部fullcalander的酥料饼的代码

eventRender: function (event, element) { 

        element.popover({ 
         trigger: "click", 

         title: '<div class="label label-lg label-primary col-xs-12">' + event.title + '</div>', 
         html: true, 
         content: '<div style="width:70px">My content goes here.. blahhh blahhhh<div><div> Some more content in this div having more nested HTML</div>', 
         template: '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-content"></div></div>' 

        }); 
       } 

尝试了很多对过去3天内无法了解为什么它会在事件背后，尽管我提高的z-index ..

Answer 1

基于其他问题Fullcalendar with Twitter Bootstrap Popover，我申请container:'body'它的工作原理..

element.popover({ 
        trigger: "click", 
        container:'body', 
        // other settings... 

       }); 

Working JSFiddle

Answer 2

我更喜欢将它附加到.fc-scroller，以便在滚动日历时，弹出窗口将随该事件一起滚动。

   element.popover({ 
        trigger: "click", 
        container:$(element).closest('.fc-scroller'); 
       });