j查询完整日历删除弹出窗口
jquery fullcalendar remove popover
>我发现样本几乎像我的一样,如果我单击屏幕上弹出框会隐藏的任何地方,我需要它。可能吗?如果是,如何?
$.fn.popover.defaults.container = 'body';
$('#mycalendar').fullCalendar(
{
defaultView: "agendaWeek",
slotMinutes:60,
allDaySlot:false,
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay'
},
eventRender: function (event, element) {
element.popover({
title: "My Title",
placement: event.start.getHours()>12?'top':'bottom',
html:true,
content: event.msg
});
},
editable: false,
events: [
{
title : 'Click me 3',
msg: 'I am clipped to the right which is annoying',
start : '2011-05-07 12:00:00',
end : '2011-05-07 13:00:00',
editable: false,
allDay : false
}
]
});
$('#mycalendar').fullCalendar( 'gotoDate', 2011,04,7 );
JSFIDDLE可以在这里找到。
我将不胜感激的任何帮助
在事件呈现函数中尝试以下更改:
eventRender: function (event, element) {
element.popover({
title: "My Title",
placement: event.start.getHours()>12?'top':'bottom',
html:true,
content: event.msg,
trigger: 'focus' // trigger popover on element focus
});
element.attr('tabindex', -1); // make the element (div) focusable
},
我还在这里更新了 jsfiddle。
只需在脚本中添加此 J 查询代码:
$(document).on('click', function (e) {
$('[data-toggle="popover"],[data-original-title]').each(function () {
//the 'is' for buttons that trigger popups
//the 'has' for icons within a button that triggers a popup
if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
(($(this).popover('hide').data('bs.popover') || {}).inState || {}).click = false // fix for BS 3.3.6
}
});
});
注意:它将关闭以前的弹出窗口。
相关文章:
- 从气球弹出窗口中删除占位符
- 从js中的窗口选择中删除空白
- jQuery:添加和删除<br>标签,这取决于窗口宽度以及标签是否已经存在
- 删除表中的最后一行时显示警报窗口
- 页面工作线程 - destroy() 似乎没有删除窗口对象
- 在窗口调整大小时删除属性
- jQuery- 窗口大小的对话框删除
- 使用Javascript从弹出窗口中删除地址栏
- 如何重命名本机窗口函数,以便我可以删除两行
- 如何从退出弹出窗口中删除对话框
- 从引导模式窗口中删除模式属性
- jQuery:在特定窗口大小中添加或删除函数
- 单击时更改标记位置时,信息窗口不会删除
- jQuery:在调整窗口大小时添加和删除元素,但始终覆盖窗口
- 隐藏或删除在下拉列表中选择后在颜色框弹出窗口上的复选框
- 为什么可以删除窗口的覆盖属性
- j查询完整日历删除弹出窗口
- 钛窗口删除子视图
- IE9 iframe窗口删除后,将不能执行代码从一个释放的脚本
- 如何从我的应用程序窗口删除元素