1

Есть часть кода на jQuery, который без проблем работает:

<script>
var $triggerElement = $('.uk-lightbox.uk-open');
$(document).on('itemshow', $triggerElement, function() {
    alert('itemshow!');
});
</script>

Нужно это перенести на нативный JS, я сделал:

<script>
var el = document.querySelector('.uk-lightbox.uk-open');
el.addEventListener('itemshow',function () {
    alert('itemshow!');
});
</script>

Но у меня ошибка:

Uncaught TypeError: Cannot read property 'addEventListener' of null

3
  • А почему вы в jquery варианте обработчик на document вешаете, а в нативном - на элемент? Вешайте в нативном варианте тоже на документ и будет вам щастье
    – Darth
    1 фев 2018 в 14:52
  • @Darth спасибо)
    – Arzek
    1 фев 2018 в 14:55
  • Если бы всё так просто было) У вас скрипт в начале html подключен? На момент его выполнения вашего элемента нет в DOM
    – Darth
    1 фев 2018 в 14:56

1 ответ 1

2

let el = document.querySelector('.uk-lightbox.uk-open');

el.addEventListener('click', () => {
    el.style.background = 'red';
});
<div class="uk-lightbox uk-open">Lorem ipsum</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.