Question

此问题以前曾被问过，但可能由于我的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,
    });

滚动时可以很好地显示divs和其他数据，但新加载的元素未显示光滑的图库。 据我了解，滑动滑块必须先关闭（取消滑动），然后在应显示新的滑动画廊时再次进行初始化。我没有设法做到这一点。

谢谢您的帮助。

Answer 1

我通过销毁然后重新初始化滑动滑块来完成这项工作。但是，这在现有SEO问题的基础上又产生了新问题。因此，此问题的最佳答案是完全降低无限负载并坚持分页。至少在光滑滑条功能方面如此。

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

1 个答案: