Owl Carousel как присвоить дочернему элементу класс в слайде, в момент когда активируется слайд?

Question

[Петр]

Всем привет, подскажите пожалуйста как добавить новый класс дочернему элементу при кликабельности на новый слайд, сейчас имеется класс slides, когда мы на новом слайде у родителя есть класс например owl-itemone, у его дочернего элемента должен добавляться класс оne к классу slides, соответственно к другим owl-itemone1 и т.п. дочернему классу slides, классы one1 и т.д.

Вот ссылка на актуальный пример https://codepen.io/Lindenr/pen/eYYOBRP

Answer 1

[FeST1VaL]

А зачем вам класс? по сути же есть owl_item active от него и стройте свои стили .owl-item.active .slides {opacity: 0.1}

Если уж никак подругому, то вы же сами по сути нашли owl-item и присвоили им класс, так найдите в них (в найденом owl-item) через find еще и slides и добавьте им класс...

Comments

[Петр]

дело в том что я пробовал так, как вы говорите. Получается мне надо чтобы классу slides присваивался класс любой в тот момент когда этот слайд активный, чтобы например можно было на этот класс повесить анимацию, тем самым кликая на след слайд срабатывает событие некое, и идет анимация на слайде

[FeST1VaL]

Петр, Так owl же из коробки поддерживает анимацию слайдов через animate.css вроде

[Петр]

Артем Будин, у овла есть некие евенты и калбеки, в момент когда страничка грузится идет событие инизиализед, на первом слайде ок сработала анимация, на второй слайд щелкаю, ничего не происходит, я даже owl-item разные прописал, почему то не помогает

[FeST1VaL]

Петр, ну и как бы вы же знаете какой слайд активный в данный момент? берете и добавляете класс чисто активному item, а у остальных удаляем такой класс или после анимации вешаете animateEnd

[Петр]

динамически при клике на след слайд у нового slides добавляется класс любой, а у старого например исчезает, мне хотябы такого добиться, тогда будет работать на каждом слайде

[FeST1VaL]

Петр, Я могу конечно тебе скинуть пример своего говно кода... но хз поможет ли тебе он) я когда то возился с этим...

[FeST1VaL]

Петр, Кстати я так посмотрел щяс на свой код, я id слайда по сути на стороне сервера прописывал, т.е я не высчитывал и не ставил нужный класс) Почему ты не можешь поставить сразу slides one1?

[Петр]

Артем Будин, не прокатит( понимаешь в момент загрузки страницы он сразу применит к этому классу анимацию у тех слайдов которые не видны, а надо в момент когда кликнули на новый слайд, сразу добавляется класс динамически, и срабатывает анимашка))

[FeST1VaL]

Петр, нее ты не понял...

короче я сделал почти рабочую систему щяс...
Только не могу понять почему не работает .one() в JS, а так по сути готово... (оно должно после конца анимации убрать классы и поставить animationEnd
Просто надо идти...

Еще с OWL есть приколы с loop режимом... так что я его отключил и убрал скорость анимации

[Петр]

Артем Будин, привет, это полноценный рабочий вариант? Если не сложно помоги сделать так чтобы работало полноценно плиз