WordPress WebPack Объектно-ориентированная проблема Javascript

Question

Итак, у меня есть следующий JS, чтобы я мог выполнить простую запись в консоль.В основном, когда я переворачиваюсь или даже щелкаю по некоторым элементам в DOM, я должен получить некоторую активность.Однако ничего не работает.Я включил событие, которое автоматически запускается под названием «signOfLife», поэтому я знаю, что связывание JS с WebPack проходит через браузер ... но щелчок по целевым элементам ничего не дает.

Помогите, пожалуйста?

import $ from 'jquery';

class ComicArchiveRectangle {

constructor(){
    this.bookRectangle = $('div.art__category__image__wrapper');
    this.events();
    this.isBlurbVisible = false;
    this.signOfLife();
}

events(){
    this.bookRectangle.on('mouseenter', this.displayBlurb.bind(this));
    this.bookRectangle.on('mouseleave', this.hideBlurb.bind(this));
    this.bookRectangle.on('click', this.displayBlurb.bind(this));
    this.bookRectangle.on('hover', this.displayBlurb.bind(this));
}

displayBlurb(){
  console.log('displayBlurb is running.');
  this.isBlurbVisible = true;  
}

hideBlurb(){
    console.log('hideBlurb is running.');
    this.isBlurbVisible = false;
}

signOfLife(){
    console.log('wsup');
}

}

export default ComicArchiveRectangle;