如何完美模拟 slick.js 中的上一个/下一个按钮？

Question

作为参考，我说的是Ken Wheeler's Slick slider。

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

因此，我的解决方法是显示一个简短的文本，上面写着“单击以显示图像”，如果图像确实显示，它会隐藏在图像后面，但如果出现问题则显示。

由于即使出现错误，prev/next 按钮也能正常工作，所以我想我应该在 div-to-fix-bug 的点击事件中执行此操作：

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

但它不起作用，这让我相信 actual 上一个/下一个按钮可以做其他事情！我太新手了，无法浏览源代码，所以我在这里问我如何比slickNext更好地模拟上一个/下一个按钮。

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。