WordPress WebPack面向对象的Javascript问题

时间:2019-02-25 10:18:38

标签: javascript wordpress oop webpack

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

0 个答案:

没有答案