2015-02-09 68 views
0

連接到Fullcalendar事件的Bootstrap彈出窗口有一個奇怪的問題點擊。用Fullcalendar彈出Bootstrap - 雙擊顯示?

首先點擊什麼也不做,後續點擊切換彈出窗口就好了。

我的猜測是第一次點擊是啓動popover,但沒有顯示它,但這只是一個猜測。我使用的是內Fullcalendar創建酥料餅的代碼片段是這樣的:

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

任何明智的貓頭鷹點什麼,我做錯了什麼?通過很多代碼來做這件事,所以希望有人認識到這個問題,並指出我的方向。

回答

1

問題是: 首先點擊:你在事件對象($(this))上創建彈出窗口,並且告訴它在'click'上觸發。

那麼你必須再次點擊才能觸發它。

嘗試更改trigger: 'hover',或者爲每個即使在調用fullcalendar時調用 eventRender:也創建彈出窗口。

+0

輝煌。將popover的創建移至eventRender(將觸發器更改爲「focus」)並添加$ this.popover('toggle');到事件點擊,它就像一個魅力。謝謝你的幫助! – PeteSE4 2015-02-10 15:59:58