【问题标题】:2 dots appears at once in slick carousel on touch devices触摸设备上光滑的轮播中同时出现 2 个点
【发布时间】:2019-05-26 04:13:31
【问题描述】:

我正在为图像轮播使用光滑的滑块。在触摸设备上,当动画尚未完成时,我可以同时选择两个点。我怎样才能解决这个问题 ? 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

【问题讨论】:

    标签: jquery css slider slick.js


    【解决方案1】:

    您能否提供更多代码,因为导致此问题的因素可能很多。 也许是一个链接,可以在哪里玩耍并查看错误,因为图像并不能说明问题所在。

    你是否使用最新版本的 Jquery 和 Slick 滑块,如果没有尝试更新它们。

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

    【讨论】:

      【解决方案2】:

      对触摸设备使用 touchpunch.js。我想它会帮助你。

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

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

      【讨论】:

        猜你喜欢
        • 2018-08-02
        • 1970-01-01
        • 1970-01-01
        • 2011-09-15
        • 2015-10-18
        • 2015-08-11
        • 1970-01-01
        • 1970-01-01
        • 2016-01-26
        相关资源
        最近更新 更多