javascript - jQuery Mobile 滑动错误 - 滚动正在进行中

Question

预期行为

我正在尝试将基本的滑动功能合并到内容幻灯片中。我向任一方向滑动，它就会很好地移动到下一张/上一张幻灯片。幻灯片在任一端都不会移动，并且可以从那里继续滑动。

问题

滑动时，幻灯片正确移动后，我在日志中收到以下错误:

“忽略使用 cancelable=false 取消 touchmove 事件的尝试，例如因为滚动正在进行且无法中断。”

我还发现，当我到达幻灯片末尾并尝试再次滑入停止方向时，会触发错误。但是，当我尝试滑回正确位置时，滑动功能不再起作用。就好像窗口期望幻灯片有动画效果但什么都没有，这会阻止触发任何其他功能。

我没有找到有关此错误的信息，并尝试了多次调试尝试和解决方案想法，但还没有成功。对此的任何建议将不胜感激。谢谢。

function swipeleftHandler(event) {
   changeInnerScene('left',true); 
}
function swiperightHandler(event) {
   changeInnerScene('right',true);
}

$(".frame-three").on({"swipeleft": swipeleftHandler, "swiperight": swiperightHandler});

Answer 1

我有一个非常相似的用例，呈现相同的错误。我一直在阅读有关 Chrome 的限制异步 touchmove 事件的内容，并且我认为在 touchstart 时取消该事件可以修复该问题，但事实并非如此。

我猜测您的元素的位置设置为绝对或固定，对吗？

将其更改为相对并查看是否有效。就我而言，确实如此。