如何在slick.js中完美模拟prev / next按钮？

Question

作为参考，我在谈论Ken Wheeler's Slick slider。

在我的页面加载时出现“动态”（从数据库加载）图像时出现一些问题，由于某些原因，只显示前20px左右，但不显示其余部分。 如果您拖动它们或单击上一个/下一个按钮，它们将完全显示，滑块可以正常工作。

因此，我的解决方法是显示一个简短的文字，说明“点击显示图像”，如果他们做显示，则会隐藏在图像后面，但如果出现问题则会显示。< / p>

由于即使出现错误，prev / next按钮仍在工作，我想我会在div-to-fix-bug的点击事件中执行此操作：

$('.gallery').slick('slickNext')
//gallery is the slider

但它不起作用，这让我相信实际的 prev / next按钮可以做其他事情！我太过新手无法通过源代码，所以我在这里问我如何比slickNext更好地模仿prev / next按钮。

Answer 1

最好在幻灯片更改之前采取行动，而不是引用slickNext：

$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  // add your bug-fixing script here and do so only for the relevant slide (nextSlide)
});

不确定您的确切问题是什么，如果没有用，请添加一个JSFiddle。