jQuery FullCalendar 适用于触摸设备 - 但事件存在小问题

Question

http://page-test.co.uk/cal/ - FullCalendar 演示

我已经设置了这个，这是一个基本的 jQuery FullCalendar 设置，带有相关的附加功能，以允许对触摸设备的支持。

链接页面包含的文件均为默认文件。

该演示在非触摸设备上完美运行，但在触摸设备上效果不佳。

主要在 iPhone/iPad 上进行测试(其他触摸设备的操作或多或少完全相同)，一旦拖动一个项目，就不能拖动另一个项目。因此，您可以拖动任何项目，但其他项目会被锁定。

一些要点:

• 更改 View (月/周等)然后允许再次拖动所有内容

• 如果您先点击/触摸另一个元素，则可以拖动该元素，但不能拖动其他元素，直到您先触摸这些元素。

• 在 BlackBerry Playbook 上，它的行为实际上略有不同。如果你去拖动一个不同的元素(通常什么也不会发生)，那么在 PlayBook 上它似乎什么也不做(当你在屏幕上滑动手指时) - 但是当你放开时(什么也没有发生) go 它选择可拖动元素，然后取消选择它。如果您然后拖动该元素，它就可以正常工作。

• 更改设备方向会立即锁定页面上的所有元素，并且必须先将 View 更改为月/周或触摸一次元素，然后才能再次拖动任何内容。

我敢打赌这是一个单行修复，但我花了几个小时却无法让它做任何事情。

我只想让它在 iPad/iPhone 上运行。

似乎是 mouseup/touchend 没有触发某些东西，或者 touchstart 事件在第一次拖动后被删除，但我就是无法找到问题所在。

Answer 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 上的谷歌日历，它也缺少此功能，并且如果它无法在您的浏览器(iPad 上的 safari)上运行，他们会收到使用移动版本的通知。移动版本不会在月 View 中显示任何事件，因此这不能作为我的应用程序的选项。具有可选择性和拖放功能的功能齐全的全日历将是理想的选择，但触摸设备可能无法很好地支持这一点。我也会继续寻找解决方案，但如果谷歌不提供该功能，它可能不容易实现，我们可能需要提供移动版本和/或实时版本，无法选择并在触摸屏上拖放。我也非常感谢其他人的帮助。