es6 klasse. this.addEventListener

Question

ich in einer Klasse versuchen einen Eventlistener hinzuzufügen, aber zu halten diese Fehler:

„Typeerror: this.win.addEventListener ist keine Funktion“

, wie ich das lösen kann?

Code:

class Ui { 
    constructor(el) { 
     this.win = $(window); 
     this.onResize = this.onResize.bind(this); 
     this.init(); 
    } 

    init() { 
     console.log(this.win); 
     this.addListeners(); 
    } 

    addListeners() { 
     this.win.addEventListener('resize', this.onResize); 
    } 

    onResize() { 
     console.log('test'); 
    } 
} 

export default Ui; 

Answer 1

jQuery Instanzen haben keine addEventListener Methode. Verwenden Sie stattdessen on.

addListeners() { 
    this.win.on('resize', this.onResize); 
} 

Answer 2

jQuery Objekte sind Sammlungen, müssen wir das erste Element dieser colection erhalten:

this.win[0].addEventListener('resize', this.onResize);