Javascript Slick.js:滑动条未正确拖动（弹回到第一张幻灯片）

问题

我正在Wordpress网站上设置一个光滑的滑动/旋转木马。所有功能都能正常工作/显示，但滑块已停止正确拖动

我仍然可以用鼠标物理地拖动滑块，它会像它应该的那样设置动画，但是当我放开滑块时，它只会捕捉回第一张幻灯片，而不会让我通过拖动从第一张幻灯片向后或向前导航

使用“上一个”和“下一个”箭头可以很好地工作，使用键盘上的箭头键也可以很好地工作，这让我更加困惑于为什么拖动不起作用

我需要什么

修正了拖动不起作用的问题，这样我就可以正确地浏览滑块了

**在手机上滑动滑块时，滑块也会以同样的方式断开

我的代码

我无法将您链接到滑块，因为它目前位于一个私人网站上，但我将尝试将所有我认为相关的代码放在下面：

（我只使用下载的slick.min.js文件和slick.css文件）

HTML

<div class="slider">
    <div class="slider__item">
        <a href="">
        </a>
    </div>
</div>

CSS

$('.slider').slick({
    infinite: true,
    slidesToScroll: 1,
    variableWidth: true,
    dots: false,
    arrows: true,
    focusOnSelect: false,
    prevArrow: $('.home-posts__arrow__prev'),
    nextArrow: $('.home-posts__arrow__next'),
});

.slider {
    position: absolute;
    left: calc(33.333333% + 30px);
}

.slider__item {
    max-width: 290px;
    margin: 0px 15px;
}

参考图像

滑块位于内容右侧，“Test post 4”是它始终捕捉回的第一张幻灯片。蓝色方块是临时上一个和下一个按钮

---

我希望这是足够的信息去了，但留下评论，如果你还需要什么，提前感谢

这是个老问题，但我也有同样的问题。使用平滑滑块拖动幻灯片不起作用，幻灯片会弹回到第一张幻灯片。我的解决方案是将

触摸阈值设置为更高的数字

从文档中：

touchThreshold：要推进幻灯片，用户必须滑动长度（1/touchThreshold）*滑块宽度。

默认值为5。我将其更改为100，并再次拖动幻灯片：

touchThreshold:100

您是否尝试过添加
swipeToSlide
选项并将其设置为
true

如果您今天遇到了相同的要求，这可能会对未来的搜索者有所帮助。
尝试注释或删除该行：

//max = _.slideCount * 2;