触摸设备上的圆滑传送带中同时出现2个点

时间:2018-12-28 10:09:14

标签: jquery css slider slick

我正在为图像轮播使用光滑的滑块。在触摸设备上,当动画尚未完成时,我可以同时选择两个点。我怎样才能解决这个问题 ? http://prntscr.com/m0ja4j

我已经尝试过了(但是没有预期的结果):

.slick-dots li button:focus:before {
    opacity: 0.25;
}

.slick-dots li.slick-active button:focus:before {
    opacity: .75;
    color: #000;
}

链接未使用的解决方案https://github.com/kenwheeler/slick/issues/2651https://github.com/kenwheeler/slick/issues/1945

2 个答案:

答案 0 :(得分:0)

您能否提供更多代码,因为可能有许多因素解决了此问题。 也许是一个链接,可以在哪里玩转并查看错误,因为图像无法说明解决问题的原因。

如果您不尝试更新它们,是否正在使用Jquery和Slick滑块的最新版本。

您提供的链接是2016年的错误,现在应该已修复。

答案 1 :(得分:0)

将touchpunch.js用于触摸设备。我认为这对您有帮助。

https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js

将此添加到您的html文件中。