Как грамотно реализовать Slick slider вместо пунктов меню в табах(из-за клонов индекс слайдера сбивается)?

Question

[Alice777]

Когда я убираю слайдер все работает корректно(код для табов правильный). Однако, слайдер создает клоны и количество слайд айтемов, разумеется, увеличивается, из-за чего табы работают некорректно.
В какую сторону смотреть? как решить эту проблему?
https://jsfiddle.net/5ox31m2a/1307/

Comments

[bm1]

если вам не нужен бесконечный скролл слайдов, то можете отключить его (infinite:false) тогда слайды перестанут дублироваться

[Alice777]

точно, спасибо - так работает, пока оставлю так

Answer 1

[imhuman]

.index() замени на .attr('index')

Comments

[Василий Варюхин]

А если они, все таки, будут идти не по порядку? Например при динамической подгрузке.

[imhuman]

Ну какая задача была в постановке, ту и решил)) А так согласен, что ваше решение с общим атрибутом более надежное

Answer 2

[Василий Варюхин]

Как то так

Answer 3

[Froggyweb]

У Slick Есть режим Slider Syncing