触摸事件在 FullCalendar v.-3.9 中不起作用?

问题描述

我正在使用 FullCalendar 3.9 版本插件显示驱动程序事件。点击事件在桌面视图上工作但在移动设备上不起作用,因为在手机上触摸事件起作用。那么如何在日历上绑定触摸事件并显示数据。

fullCalendar({}) eventClick:我使用两种方法

$("#openfancybox").fancybox();
  $("#openfancybox").click();

所以我想在点击时触发这些方法。但它没有开火。我也删除了所有方法行,只删除alert('test') 但它也不起作用。没有出现错误我不知道是什么原因?

enter image description here

我的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 (将#修改为@)