jQuery Mobile Swipe Error - 滚动正在进行中

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的节奏同步触摸移动事件，我认为在touchstart上取消事件可以修复它，但事实并非如此。

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

将其更改为亲戚，看看它是否有效。就我而言，确实如此。