当我附加 html 元素时，它会覆盖点击功能

Question

this.div=$j("<div class='test' id='test"+this._x+"'>"+this.getHtml(inner)+"<a id='testa"+this._x+"''>Close</a></div>");
    this.div.hide().appendTo($j("body")).fadeIn(100);
    this.div.children("#testa"+this._x).bind('click', function(){
          alert(this._x);
   });

在构造函数中，

this._x = x;
x++;

当我单击 testa 时，他给了我 this._x 最后一个 x 数字 有覆盖吗？

Answer 1

是的，JS 事件与元素本身相关。如果删除并重新创建一个元素，处理程序也会随之而来。您可以重新连接它们，或者研究使用 jQuery 的 .live() 功能。

Answer 2

事件侦听器中的 this._x 指向 (A._x) 不存在的属性。

this.div=$j("<div class='test' id='test"+this._x+"'>"+this.getHtml(inner)+"<a id='testa"+this._x+"''>Close</a></div>");
    this.div.hide().appendTo($j("body")).fadeIn(100);
    var newX = this._x;
    this.div.children("#testa"+this._x).bind('click', function(){
          alert(newX);
   });