Как в JavaScript сделать так чтобы при добавлении класса к элементу начинал прогружаться какой либо скрипт?
есть слик слайдер и у главного слайда добавляется класс slick-current, есть скрипт который должен выполняться только тогда, когда у слайда появляется класс slick-current
Дополнительно:
Лучше разобраться с обработчиками слайдера и не городить лишние костыли.
Ну либо в том же скрипте после добавления класса запускать нужный код, либо
https://learn.javascript.ru/mutation-observer
- сейчас попробую разобраться спасибо
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы при добавлении класса к элементу начинал прогружаться какой-либо скрипт в JavaScript, можно использовать событие `transitionend`. Это событие срабатывает, когда CSS-переход завершается для элемента.
Пример решения данной проблемы:
```html
.loaded {
background-color: lightblue;
transition: background-color 1s;
}
const element = document.getElementById('element');
element.addEventListener('transitionend', () => {
// Здесь можно загрузить скрипт или выполнить необходимые действия
console.log('Скрипт загружен после добавления класса');
});
// Добавляем класс 'loaded' к элементу
element.classList.add('loaded');
```
В данном примере при добавлении класса `loaded` к элементу `element`, срабатывает событие `transitionend`, после чего можно загрузить необходимый скрипт или выполнить другие действия.
Убедитесь, что скрипт, который вы хотите загрузить, доступен для загрузки и корректно работает после добавления класса к элементу.