Почему в карусели не работает событие мыши?

Question

[pegas]

И не работает если у карусели стоит значение loop: true, а если false то норм

https://jsfiddle.net/hhnq8a26/21/

Answer 1

[Kovalsky]

Потому что элементы ищете по идентификатору. Если бы вы посмотрели в код, вы бы увидели что бесконечная прокрутка в owl carousel достигается с помощью клонирования элементов, таким образом у вас в коде получается несколько элементов с одинаковым ID.

Comments

[pegas]

Ну и что событие то срабатывает я в консоле проверял

[Kovalsky]

Артём, странно, вот сразу после прочтения вашего комментария залез в ваш пример, добавил вывод в консоль при ховере, поменял loop: false на true, и в итоге при ховере никаких выводов в консоль не было. Это довольно просто объяснить: вы поставили обработчик на тот элемент, который не появится во вьюпорте.

[pegas]

Никита Полевой, Вот пожалуйста, посмотрите консоль срабатывает https://jsfiddle.net/hhnq8a26/24/

[Kovalsky]

Артём, так это, зачем вы просто взяли и вынесли проверку ID? Вы пытаетесь замаскировать проблему, откреститься от неё, лучше её решить, например обращаться только к элементу который находится в текущем слайде.

У вас в plane всё так же лежит ссылка на первый элемент с этим ID. Можете проверить - выводить в консоль свойства plane, увидите что они меняются. Не верите - можете глянуть в инспекторе как меняются стили первого plane при ховере.