2

Как при ajax подгрузке товаров, сделать заново инициализацию слайдов? Сделал так, но при клике на след происходить переинициализация, а если кликнуть на предыдущую, то работает норм

решил так

       $('body').on('click','.showButton', function(){
            setTimeout(function () {
            swiper = new Swiper('.swiper-container', {
                  slidesPerView: 1,
                  slidesPerGroup: 1,
                  navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                  }
            });
        }, 2000);

1 ответ 1

1

С помощью callback после подгрузки товара фунцией initialSlide() или swiper.init()

swiper.initialSlide(slideIndex)
swiper.init()

В документации всё есть

8
  • а на какое событие поставить?
    – Ssasha
    3 апр 2019 в 22:21
  • @Ssasha нужен код, как я подскажу ?) повесь на load
    – ccxdec
    3 апр 2019 в 22:25
  • в вопросе добавил код если кликаем на показать еще
    – Ssasha
    3 апр 2019 в 22:28
  • сайт вот этот kristroom.ru/katalog
    – Ssasha
    3 апр 2019 в 22:33
  • @Ssasha инициализация слайдера происходит до создания новых слайдеров в DOM, необходимо его инициализировать после появления на странице. Нашел тут решение, похожая проблема была muut.com/i/swiper/general:init-swiper-after-ajax_1
    – ccxdec
    3 апр 2019 в 22:44

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.