点击触摸设备的事件而不是悬停事件

Question

我正在尝试使用像kwicks滑块这样的jQuery创建幻灯片。所以我使用悬停功能来设置我的动画。但在触摸设备中，悬停功能并不适用于所有浏览器。在chrome和opera和firefox中，当我点击幻灯片时，它的动画开始并继续移动到结束时间。但在ie和edge中，我的悬停动画以touchstart开始，并在touchend发生时结束。所以动画并没有保持到最后并回到初始位置。所以我决定将click事件与hover事件一起使用，如下所示：

slides.hover(function(){
// my animation code
}
slides.click(function(){
// the same animation code
}

但是悬停和点击动画代码会相互覆盖，而我的目标则是我的动画。有没有人有任何想法来帮助我？

请注意，即不支持触摸事件。所以我需要一个关于点击和悬停事件的技巧。

Answer 1

您可以尝试使用ontouchstart事件来解决问题。