类中的元素onclick从未调用过

Question

我有一个简单的类。

我遇到的问题是，当单击div元素时，我的onClick函数永远不会被调用。

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();

Answer 1

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>