jquery - jQuery点击事件不能独立工作

Question

我遇到了 jQuery 代码的问题。这是代码：

代码示例

问题部分包括：

$(document).unbind('click').on('click', '#a_del', function() {
    $('.a_frm > .frmlabel:last').remove();
    a_counter--;
    $('#a_field_count').attr('value', a_counter);
  });

$(document).unbind('click').on('click', '#b_del', function() {
    $('.b_frm > .frmlabel:last').remove();
    b_counter--;
    $('#b_field_count').attr('value', b_counter);
  });

问题是删除按钮不适用于两种形式。如果我只添加一个删除按钮代码，那么它会正确删除表单字段。但是，当我为第二个表单删除按钮添加代码时，只能使用最新的表单删除按钮，而第一个表单按钮不再起作用..我不明白有什么问题。谢谢！

Answer 1

使用 off 和命名空间：

演示

$(document).off('click.a').on('click.a', '#a_del', function() {
    $('.a_frm > .frmlabel:last').remove();
    a_counter--;
    $('#a_field_count').attr('value', a_counter);
  });

$(document).off('click.b').on('click.b', '#b_del', function() {
    $('.b_frm > .frmlabel:last').remove();
    b_counter--;
    $('#b_field_count').attr('value', b_counter);
  });

但是当您使用委托时，我不知道您为什么要取消绑定它？！