因此,我具有以下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;