フルカラーのコンテンツウィンドウ上でポップオーバーを開いたままにする

Question

イベントブロックからポップオーバーコンテンツウィンドウに移動したら、フルカレンダーポップオーバーをホバー上で開いたままにする方法を理解しようとしています。

http://jsfiddle.net/rjayako/7zoqgroj/

あなたはイベントブロックの上に置くと、現在のポップオーバーが表示されますが、あなたはどこにも置くとすぐに消えます。私が達成しようとしているのは、ユーザーがポップオーバーボックス内のリンクをクリックできるように、ポップオーバーボックス自体をホバリングしても、ボックスがまだ表示されていることです。ここで

はポップオーバーのための私のeventRenderがこれまで

eventRender: function(event, element) { 
    element.popover({ 
     title: "My Title", 
     placement: 'bottom', 
     html: true, 
     content: event.msg, 
     trigger: "hover" 
    }); 
    }, 

のように見えるものであるすべてのヘルプは深くいただければ幸いです。

よろしくお願いいたします。

Answer 1

ここはあなたのanswerです。アニメーションを無効にして、ポップオーバーを手動で開始させます。ここ JSfiddle

animation:false 
trigger: "manual" 

いっぱいeventRenderです：

eventRender: function (event, element) { 
        element.popover({ 
        title: "My Title", 
        placement: 'bottom', 
        html: true, 
        animation:false, 
        content: event.msg, 
        trigger: "manual" 
         }).on("mouseenter", function() { 
          var _this = this; 
          $(this).popover("show"); 
          $(".popover").on("mouseleave", function() { 
           $(_this).popover('hide'); 
          }); 
         }).on("mouseleave", function() { 
          var _this = this; 
          setTimeout(function() { 
           if (!$(".popover:hover").length) { 
            $(_this).popover("hide"); 
           } 
          }, 300); 
         }); 
         }