Перенос кода с Jquery на нативный JS

248
02 февраля 2018, 21:00

Есть часть кода на 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

Answer 1

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

READ ALSO
Как упростить конструкцию на PHP?

Как упростить конструкцию на PHP?

Например, сначала просто определить массив нужных полей, затем заполнить их из $_POST, и передать дальшепроверять что $ins это массив смысла нет,...

220
Вывод данных с MySql в select

Вывод данных с MySql в select

Имеется форма в которой есть <select> (Код ниже)

316
Поля формы html

Поля формы html

Передо мной задача выводить пользователю необходимые моля для формы в зависимости от его выбора, селекта, вопрос в том как это лучше сделать?!...

292