Slick slider и infiniteLoad - не показывает загруженный скользящий слайдер - PullRequest
Новая
       11

Slick slider и infiniteLoad - не показывает загруженный скользящий слайдер

0 голосов
/ 26 июня 2018

Эта проблема уже задавалась ранее, но, вероятно, из-за моей неопытности в 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 и другие данные отображаются красиво, но скользкая галерея не отображается для вновь загруженных элементов. Насколько я понимаю, скользящий слайдер должен закрываться (не скользить) и затем заново инициализироваться, когда должны быть представлены новые скользящие галереи. Мне не удалось сделать эту работу.

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 05 июля 2018

Я сделал эту работу, уничтожив и затем снова инициализировав скользящий слайдер. Однако это создало новые проблемы поверх существующих проблем SEO. Таким образом, лучший ответ на этот вопрос - полностью сбросить бесконечную нагрузку и придерживаться нумерации страниц. Ну, по крайней мере, когда дело доходит до функциональности скользящего слайдера.

...