ブートストラップポップオーバー付きフルカラーZ-インデックス問題

Question

フルカレンダースケジューラーとブートストラップポップオーバーを統合しようとしています。しかし、私はこれでUIの問題を取得しています。

popoverとpopover inner htmlのz-indexを設定しようとしました。何も動作しません。

は、ここに私のバイオリンのリンクあなたはポップオーバーを見ることができるイベント2のhttps://jsfiddle.net/87977p1x/5/

クリックしています。ここで

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>' 

        }); 
       } 

fullcalander内部ポップオーバーコードが

Answer 1

..私はZインデックスを増加させていても、そのイベントの後ろに行く理由は、過去3日間たくさん見つけることができませんでした試みられています

は、他の質問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'); 
       });