jQuery FullCalendar 事件拖放在移动设备、选项卡中不起作用答案

【问题标题】：jQuery FullCalendar event drag and drop not working in mobile,tabjQuery FullCalendar 事件拖放在移动设备、选项卡中不起作用
【发布时间】：2014-10-17 06:46:35
【问题描述】：

我正在使用 jsp、servlet、jquery fullcalender 开发 web 应用程序。

它在桌面浏览器上运行顺利（拖放）。但在 android、ipad 选项卡或移动设备上测试我无法在日历中拖放事件。
- 我只是想在 android/ipad 选项卡或移动设备中工作（使用触摸拖放）。

【问题讨论】：

标签： javascript jquery

【解决方案1】：

我使用Touch Punch 和 dayRender 允许在触摸设备上选择一天或多天。我刚刚添加了源，并将 Touch Punch 中的 addTouch() 函数添加到白天单元格的渲染中：

dayRender: function( date, cell) {

cell.addTouch();

},

这至少可以让您在触摸设备上选择一天或几天，您也许可以在其他地方使用其他 Touch Punch 功能来做更多事情，但我还没有尝试过。

我在使用 iPad 时遇到了同样的问题。我也用我的全日历应用程序尝试了https://github.com/jboesch/jQuery-fullCalendar-iPad-drag-drop，并且可以拖动一个事件但不能拖动另一个事件，它会滚动。我禁用了滚动，但仍然得到相同的行为。我还尝试了这里提到的最后一个选项https://code.google.com/p/fullcalendar/issues/detail?id=724&q=ipad&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars 这个项目https://github.com/joshgerdes/jquery.ui.touch

我还想选择几天或几小时来创建活动。我在 iPad 上查看了 google 的日历，它也缺少此功能，如果移动版本无法在您的浏览器上运行（iPad 上的 safari），他们会有使用移动版本的通知。移动版本不会在月视图中显示任何事件，因此这不适用于我的应用程序。具有可选性和拖放功能的功能齐全的全日历将是理想的，但触摸设备可能无法很好地支持这一点。我也会继续寻找解决方案，但如果 google 不提供该功能，它可能不容易实现，我们可能需要提供移动版本和/或没有可选择性和在触摸屏上拖放的直播.我也非常感谢其他人的帮助。

【讨论】：

【解决方案2】：

现在使用jQuery UI Touch Punch 可以顺利运行图书馆....

【讨论】：

【解决方案3】：

我在 eventRender 函数中使用它（触摸打孔），所以事件是可拖动的，工作正常，当您在同一天停止拖动时只有 1 个问题，然后事件被“冻结”：

$.support.touch = 'ontouchend' in document;

if ($.support.touch) {  
   $(element).draggable();
}

【讨论】：