光滑的滑块 - iOS 上的双击错误

Question

光滑的滑块有问题。它让我双击按钮使它们正常工作。例如“zobacz całą ofertę”按钮或“向上”按钮。它仅在 iO 上运行不佳。在 Android、Windows、iMac 上完美运行。有人能告诉我这是怎么回事吗？在没有滑动滑块的子页面上一切正常。

(function ($) {
  $('.carousel').slick({
    dots: false,
    infinite: true,
    speed: 500,
    autoplaySpeed: 5000,
    fade: true,
    cssEase: 'linear',
    autoplay: true,
    appendArrows: $('#arrows'),
    nextArrow: '<span class="slick-next slick-arrow"></span>',
    prevArrow: '<span class="slick-prev slick-arrow"></span>',
  });
})(jQuery);

Answer 1

我遇到了完全相同的问题。经过两天的分析，我的发现：

• 在 slickslider 向自定义 swipeHandler 注册触摸事件后，只需双击（在本例中表示制表符）
• 似乎 iOS 上的浏览器无法识别这些事件，并且无法对滑块外的第一次触摸做出正确反应
• 对我的情况有帮助的只是

  $(document).on('touchstart', function(event) {});

  代码中的某处
• 如果有人能解释原因，请回复。但我希望我能帮助解决这个问题。