Приветствую вас многоуважаемые.. Прошу вашей помощи, т.к. вообще не понимаю как сделать.. Проблема в том, что слайдеры (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 все прекрасно работает, но нужно, что бы все созданные динамически слайдеры естественно не скопом а по отдельности инициализировались одним скриптом