Uncaught TypeError: не могу прочитать свойства неопределенного (чтение 'on') ⇐ Html

[Anonymous]

Я прохожу курс Udemy, и в этом курсе он учит вас, как создать поле поиска для веб -сайта в WordPress с HTML и JS.









< /code>
И это код, написанный в JS: < /p>
import $ from 'jquery';
class livesearch{
constructor() {
this.searchTypingArea = $("#abc");}
events() {
this.searchTypingArea.on("keydown", this.TypingLogic.bind(this)); }
TypingLogic() {
setTimeout(function() {console.log("Timeout test");}, 2000);
//clearTimeout(this.typingTimer);
//this.typingTimer = setTimeout();
}
}
< /code>
Я имею в виду, я понял, что код не работает, потому что SearchTyparea каким -то образом не определен, но я беру идентификатор из Searchbox, не уверен, почему он не работает. $ operator также работает, потому что я определил несколько других переменных, используя класс вместо идентификатора, например: < /p>
this.openingSearchButton = $(".js-search-trigger");
this.closingCrossButton = $(".search-overlay__close");
this.searchoverlay = $(".search-overlay");

< /code>
Все это работают. Есть ли проблема с моим путем при использовании ID? Спасибо

Подробнее здесь: https://stackoverflow.com/questions/762 ... reading-on