如何使FullCalendar适用于移动即时活动
How to make FullCalendar work for mobile on touch event?
我需要将drop事件添加到移动设备的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>
提前谢谢。
日历不使用jQueryUI进行内部拖动,您必须检查github以获取问题的状态/报告,或者自己制作功能。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- 如何使bxslider仅在移动视图中处于活动状态
- 如何获取活动时移动的输入元素的单击事件
- 更改移动到phonegap中的下一个活动的风格-移动android
- 倒数计时器在任何用户活动(例如 onkeyup、鼠标移动等)上重置
- 要将文本字段的光标从活动文本字段移动到新附加的文本字段,仅当活动文本字段已填充时,才从键盘按下回车键
- 在鼠标(指针设备)未处于活动状态(不移动)时隐藏按钮
- 在打开(活动)移动下拉菜单时将标题的位置从固定更改为相对
- Zurb Foundation Top Bar & jQuery - 检查移动导航是否处于活动状态
- 移动请求检测并重定向到 ASP 中的移动页面(活动服务器页面)
- 如何使FullCalendar适用于移动即时活动
- 如果移动浏览器未打开或处于活动状态,请在Javascript/jQuery中进行检测
- 在移动设备上切换活动课程
- Jquery移动活动页面
- Node.js和Socket.IO从本地开发服务器移动到活动服务器,而不是连接
- 在移动设备上触摸谷歌地图的活动