Блог

У меня есть простой класс.

Проблема, с которой я сталкиваюсь, заключается в том, что моя функция onClick никогда не вызывается при нажатии на элемент div.

 class card {
  constructor(parent, element) {
    this.parent = parent;
    this.element = element;

    this.element.on({
      'click': $.proxy(this.onClick, this)
    });
  }

  onClick() {
    console.log("onclick");
  }

}

class cards {
  constructor() {
    this.element = $(".cards");
    this.cards = [];

    this.element.children(".card").each((obj) => {
      this.cards.push(new card(this, $(obj)));
    });

  }
}

var my_a = new cards();
 

each(index, element) передает два параметра в обратный вызов. Первый — это индекс, второй — элемент. Вы переносите индекс, а не элемент dom.

Каждый документ

 class card {
  constructor(parent, element) {
   
    this.parent = parent;
    this.element = element;
    
    this.element.on({
      'click': $.proxy(this.onClick, this)
    });
  }

  onClick() {
    console.log("onclick");
  }

}

class cards {
  constructor() {
    this.element = $(".cards");
    this.cards = [];
    

    this.element.children(".card").each((obj, el) => {    
      console.log(el);      
      this.cards.push(new card(this, $(el)));
    });

  }
}

var my_a = new cards(); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="cards">
one
asdf

  <div class="card">
  card 1
  asdf
  </div>
  
  <div class="card">
  card 2
  asdf
  </div>


</div>