2015-02-09 66 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