问题描述
我正在使用 FullCalendar 3.9 版本插件来显示驱动程序事件。点击事件在桌面视图上工作但在移动设备上不起作用,因为在手机上触摸事件起作用。那么如何在日历上绑定触摸事件并显示数据。
在fullCalendar({})
eventClick:我使用两种方法
$("#openfancybox").fancybox();
$("#openfancybox").click();
所以我想在点击时触发这些方法。但它没有开火。我也删除了所有方法行,只删除了 alert('test')
但它也不起作用。没有出现错误我不知道是什么原因?
我的JS代码
$('#calendar').fullCalendar(
eventClick: function (calEvent,jsEvent,view) {
$(this).css('border-color','yellow');
url = '{{ route("boking-details",'XXX') }}'.replace('XXX',calEvent.booking_id);
$.fancybox.destroy();
element = '<a id="openfancybox" data-type="ajax" data-src="' + url + '" href="javascript:;"></a>'
$(".element").html(element);
$("#openfancybox").fancybox();
$("#openfancybox").click();
},eventDrop: function(event,delta,revertFunc,ui,view) {
if (confirm("This booking has Now been moved."+ " with booking time " + event.start.format() )) {
changeBooking(event,revertFunc);
//savedrop(event.id,event.start,event.end);
} else {
$('.popover').popover('hide');
revertFunc();
}
},eventRender: function(eventObj,$el) {
$el.popover({
title: eventObj.title,content: eventObj.description,trigger: 'hover',placement: 'top',container: 'body'
});
},timeFormat : "H(:mm)",//slotLabelFormat:"HH:mm",displayEventTime: false,// Now: '2018-11-07',editable: true,// enable draggable events
dragRevertDuration: 1000,aspectRatio: 2.5,scrollTime: '10:00',// undo default 6am scrollTime
slotDuration: '00:15:00',slotLabelInterval: 15,header: {
left: 'today,prev,next',center: 'title',right: 'timelineMonth,timelineWeek,timelineDay'
},defaultview: 'timelineMonth',views: {
timelineThreeDays: {
type: 'timeline',duration: {days: 3}
},timelineWeek: {
type: 'timeline',dayOfMonthFormat: 'ddd DD/MM',//titleFormat: '(d MMMM yyyy)'
//titleFormat:"HH",},timelineDay: {
type: 'timeline',//timeFormat: 'H:mm',slotLabelFormat:"HH",}
},resourceLabelText: 'Drivers & Companion',events: '{{route("all-driver-calender",["type"=>"bookings"])}}&driver_id='+getDriverIdFromURL(),resources:'{{route("all-driver-calender",["type"=>'driverName'])}}&driver_id='+getDriverIdFromURL()
});
});
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)