prevo
@prevo

Как решить проблему загрузки слайдеров по кнопке показать еще?

На странице выводится несколько слайдеров плагина Master Slider, скрытых скриптом и добавляемых кнопкой показать еще (не Ajax). При добавлении слайдеры не инициализируются. В панели rendered size: 0x0px. Изначально задача была выводить в табах, история такая же, при переключении таба. Наверное нужно заново инициализировать слайдеры, но как это сделать в плагине?

652213dbdc67a155109839.jpeg

Скрипт:
$(document).ready(function() {
  let count = $('.projects .projects__list .projects__item').length,
      start = 3,
      show = 3;

  $('.projects .projects__list .projects__item').addClass('d-none');
  $('.projects .projects__list .projects__item:lt(' + start + ')').removeClass('d-none');

  $('.show-more').click(function(e) {
      e.preventDefault();

      let load = $(this).data('load'),
          more = $(this).data('more');

      start = (start + show <= count) ? start + show : count;

      $(this).text(load);

      setTimeout(() => {

          $('.projects .projects__list .projects__item:lt(' + start + ')').removeClass('d-none');

          if ($('.projects .projects__list .projects__item:not(.d-none)').length == count) {
              $(this).parent().remove();
          }

          $(this).text(more);
      }, 1000);

  });

});

Подскажите решение
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы