使用离子框架在 ipad 中拖放的问题答案

【问题标题】：Issues in drag and drop in ipad with ionic framework使用离子框架在 ipad 中拖放的问题
【发布时间】：2016-09-23 08:35:45
【问题描述】：

我有一个使用 ionic 框架构建的 iPad 应用程序，并且在后端有其他服务。

我有一个屏幕，其中有一个完整的日历组件和一个可滚动的左侧面板中的可拖放项目列表。

屏幕加载后，我可以将项目从左侧面板拖放到日历，可以生成事件。

但是一旦我滚动侧面板列表或在侧边栏上进行任何触摸活动 DRAG 功能有效，但日历上的 DROP 第一次不起作用。

然后该功能在连续尝试中再次正常工作。

因此，在侧栏中每次滚动后，日历上的项目商店的放置第一次不起作用。

在浏览器中测试应用程序时不会产生此类问题。

组件和环境：

【问题讨论】：

【解决方案1】：

好吧，我找到了解决问题的方法。我在 v 2.7.3 中对 fullcalendar.js 做了一些更改在 8790 行附近的函数“processUnselect”中添加以下两行

this.dayGrid.isDraggingExternal = false;

this.timeGrid.isDraggingExternal = false;

所以我的函数如下所示

processUnselect: function(ev) {

this.dayGrid.isDraggingExternal = false;

this.timeGrid.isDraggingExternal = false;

this.processRangeUnselect(ev);

this.processEventUnselect(ev);

这样做的原因是每当我滚动除了日历之外的网格时，它都会将该事件标识为拖动事件。由于“this.dayGrid.isDraggingExternal”的这个值被设置为 true 并且永远不会变为 false，因为滚动后日历不会收到任何放置事件。

【讨论】：