我需要在移动端的fullcalendar中添加拖放事件。我使用Jquery UI Touch Punch实现该功能。
我在这里找到了答案:1、2、3、4。它对于拖放/缩放事件可以很好地工作,但不能在日历中工作。
我的脚本顺序为:
我在这里找到了答案: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.