光滑滑块和infiniteLoad - 不显示加载的光滑滑块答案

【问题标题】：Slick slider and infiniteLoad - not showing loaded slick slider光滑滑块和infiniteLoad - 不显示加载的光滑滑块
【发布时间】：2018-06-26 13:51:16
【问题描述】：

之前有人问过这个问题，但可能是由于我的 JS 经验不足，我无法按照指示让它正常工作。问题在于无限页面加载，因为当我们向下滚动时，我们必须显示另一组光滑的滑块。

在我们的 app.js 文件中，我们将它用于平滑滑块：

    $('.slider-single').slick({
        autoplay: false,
        lazyLoad: 'ondemand',
        autoplaySpeed: 2000,
        adaptiveHeight: false,
        infinite: true,
        arrows: true,
        slidesToShow: 1,
        slidesToScroll: 1,
    });

在同一个文件中，我们使用infiniteLoad 来显示下一组滑块（滑块所在的类）：

$('.search-list-wrap').infiniteLoad({
        'navSelector':'.loadmore-pagination',
        'contentSelector':'.search-list-wrap',
        'nextSelector':'.loadmore-pagination .next.page-numbers',
        'itemSelector':'.theme_item',
        'loadingImage':theme.themeUrl+'/images/loading2.svg',
        //'loadingFinishedText':pix_infiniteload.loadingFinishedText,
    });

当滚动时调用 div 和其他数据很好地呈现，但新加载的元素没有显示光滑的画廊。 据我了解，光滑的滑块必须关闭（不光滑），然后在应该呈现新的光滑画廊时再次重新初始化。我没有设法完成这项工作。

感谢您的帮助。

【问题讨论】：

标签： javascript infinite-scroll slick.js

【解决方案1】：

我通过破坏然后再次初始化光滑的滑块来完成这项工作。然而，这在现有的 SEO 问题之上产生了新的问题。所以，这个问题的最佳答案是完全放弃无限负载并坚持分页。至少在流畅的滑块功能方面是这样。

【讨论】：