点击启动弹出事件未显示
Bootstrap popover on click event not showing
当我在完整日历中触发evenLimitClick事件时,我的popover不工作。它在我的dayClick事件中运行良好,但在我的事件LimitClick中没有发生任何事情。这是我的小提琴我甚至尝试将popover设置为在父对象上调用(例如$(this).Pparent().popover,但这也不起作用。
$(document).ready(function () {
// page is now ready, initialize the calendar...
var eventsArray = [{
title: 'Test1',
start: new Date()
}, {
title: 'Test2',
start: new Date("2015-04-21")
}, {
title: 'Test3',
start: new Date("2015-04-21")
}];
$('#calendar').fullCalendar({
// put your options and callbacks here
header: {
left: 'prev,next', //today',
center: 'title',
right: ''
},
defaultView: 'month',
editable: true,
allDaySlot: false,
selectable: true,
events: eventsArray,
eventLimit: 1,
eventLimitClick: function (cellInfo, jsEvent) {
$(this).popover({
html: true,
placement: 'bottom',
container: 'body',
title: function () {
return $("#events-popover-head").html();
},
content: function () {
return $("#events-popover-content").html();
}
});
$(this).popover('show');
},
dayClick: function (cellInfo, jsEvent) {
$(this).popover({
html: true,
placement: 'bottom',
container: 'body',
title: function () {
return $("#events-popover-head").html();
},
content: function () {
return $("#events-popover-content").html();
}
});
$(this).popover('show');
},
})
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.js"></script>
<div style="border:solid 2px red;">
<div id='calendar'></div>
<div id="events-popover-head" class="hide">Events</div>
<div id="events-popover-content" class="hide">Test</div>
</div>
在事件中LimitClick事件更改如下:
$(this).popover
至
$(cellInfo.dayEl)
cellInfo.dayEl是要显示其popover的单击的Day单元格元素。
我也更新了Fiddle
相关文章:
- 点击启动弹出事件未显示
- 用于显示onclick事件计数的可调整跨度标记
- D3.js:如何在svg上移动鼠标时创建弹出事件
- 萨特利泽关闭弹出事件
- 我想推送$scope.planlist=[]中的空白记录,但显示出相同的行为
- 如何使标头动画仅在javascript中显示onload事件(不允许jQuery)
- 如何使用 jQuery 显示/隐藏事件重新加载 jQuery 幻灯片
- 为什么这显示出可变吊装的行为
- 如何使用流的排出事件.在节点.js中可写
- 如何在高图表中查找鼠标出事件的系列名称
- 完整日历不显示基于事件时间的事件
- 当创建了两个以上的球时,画布上的弹跳球会显示出奇怪的行为
- 完整日历显示更多来自javascript的事件并显示这些事件
- 是否存在JavaScript“;选择框显示”;事件或类似的事情?(使用jQuery)
- jQuery列表中每个产品的基于悬停的弹出事件
- 如何添加事件处理程序来路由Ember.js中显示的事件
- Rails select_tag-jQuery/JavaScript隐藏/显示更改事件
- Javascript:错误不会显示在事件侦听器上
- 如何在浏览器中显示onclick事件
- 无法抛出事件