Как добавить элементов в карусель только с определенным классом?

Question

[vvk996]

Использую єтот плагин kenwheeler.github.io/slick

<div class="your-class">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
<script>содержимое скрипта</script>
</div>

Блоки которые находятся в классе your-class становятся элементами карусели но там есть скрипт и он тоже становится элементом карусели, и из за этого карусель рушится, как сделать чтобы только элементы использовались а скрипт игнорировался?
Скрипт убрать не могу из того места(

Answer 1

[Алексей Зуев]

Попробуйте так

$('.your-class').slick({
  slide: 'div'
});

Примеры

Comments

[vvk996]

Не хочет работать(
хотя в документации нашел его
а если делаю на элемент 'a' то все едет и карусель вообще не работает

[Алексей Зуев]

vvk996: выложите пример на jsfiddle

[vvk996]

korswatch.ru/shop/checkout

[vvk996]

добавьте любой товар в корзину

[Алексей Зуев]

vvk996: c row: 2 не хочет работать

[vvk996]

Понял) Спасибо за помощь

[Алексей Зуев]

vvk996: можно и 2 строками заставить работать, но надо поправить исходный код

[Алексей Зуев]

открыть свой файл скрипта, найти текст buildRows=function(){var b,c,d,e,f,g,h,a=this;if(e=document.createDocumentFragment(),g=a.$slider.children() и в конец в children() добавить свой селектор

[vvk996]

работает! Спасибо большое

[Алексей Зуев]

vvk996: а лучше сразу вот так children(a.options.slide) Чтобы потом не лазить в код и не менять еще раз. Он будет с сеттинга брать

[vvk996]

ок

Answer 2

[Inwork277]

Если не нашли ничего в документации, то попробуйте ручками где-то здесь

Файлик на гитхабе

542 строка
originalSlides = _.$slider.children("div");

Ну или если нужно с классом, то

originalSlides = _.$slider.children("div.my_class");

p.s.: не факт что заработает ;)