Показать сообщение отдельно
  #1 (permalink)  
Старый 24.03.2022, 16:07
Кандидат Javascript-наук
Отправить личное сообщение для firsmember Посмотреть профиль Найти все сообщения от firsmember
 
Регистрация: 08.11.2019
Сообщений: 113

Несколько слайдеров на 1 странице с одинаковым class
Приветствую вас многоуважаемые.. Прошу вашей помощи, т.к. вообще не понимаю как сделать.. Проблема в том, что слайдеры (html код для них) у меня создаются динамически и нужен универсальный скрипт, который бы выполнялся и слайдеры начинали работать..

Код слайдера (они создаются динамически в любом количестве на ajax)

<div class="slider-prm-rab-box-block">
  
  <div class="slider-prim-rab-box-sim">

     <div class="slider slider-nav sliderthblock">
     

        <div class="slider-prim-rab-box-sim_img_min-block>
		<img src="/images/na22.jpg" class="slider-prim-rab-box-sim_img_min">
        </div>
     </div>
      

     <div class="slider slider-for slidershowblock">

        <div class="slider-prim-rab-box-sim_img-block">
	    <img src="/images/na22.jpg" class="slider-prim-rab-box-sim_img">
	</div>
     </div>
</div>


JS который запускает слайдер
jQuery('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  fade: true,
  asNavFor: '.slider-nav'
});

jQuery('.slider-nav').slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  vertical: true,
  verticalSwiping: true, 
  dots: false,
  focusOnSelect: true
});


Если слайдер 1 и создан просто в html все прекрасно работает, но нужно, что бы все созданные динамически слайдеры естественно не скопом а по отдельности инициализировались одним скриптом
Ответить с цитированием