logo标签列表

如何使FullCalendar在移动设备上通过触摸事件正常工作？

javascriptjqueryjquery-uimobilefullcalendar
3
我需要在移动端的fullcalendar中添加拖放事件。我使用Jquery UI Touch Punch实现该功能。
我在这里找到了答案：1、2、3、4。它对于拖放/缩放事件可以很好地工作，但不能在日历中工作。
我的脚本顺序为：
    <script src="../static/js/jQuery-2.1.4.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script src="../static/js/jquery-ui.min.js"></script>
    <script src="../static/js/jquery.ui.touch-punch.min.js"></script>
    <script src="../static/js/app.min.js"></script>
    <script src="../static/js/MyMain.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
    <script src="../static/js/fullcalendar.min.js"></script>
    <script src='../static/js/fullcalendarlang-all.js'></script>
    <script>

  $( document ).ready(function() {
      function ini_events(ele) {
           ele.each(function () {
              var eventObject = {
                  title: $.trim($(this).text()) 
              };
              $(this).data('eventObject', eventObject);
              $(this).draggable({
                  zIndex: 1070,
                  revert: true, 
                  revertDuration: 0  
              });
          });
       }

       ini_events($('#external-events div.external-event'));
       $('#calendar').fullCalendar({
           events: JSON.parse(calendarjsonres),
           editable: true,
           eventDrop: function(event, delta, revertFunc) {...},
           eventResize: function(event, delta, revertFunc) {...},
           eventClick: function(calEvent, jsEvent, view) {...},
           droppable: true,
           drop: function (date, allDay) {...}
       });
  });
</script>

Thanks in advance.

1个回答
1
日历不使用jQueryUI进行内部拖动，您需要检查GitHub上的问题状态/报告，或者自己实现功能。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接