Javascript jQuery change（）不会触发

我有一个表单，我正试图从中计算一些输入字段

我实施了一项基本检查，但一直失败

我已经将表单中有触发器的部分复制到JSFIDLE中，我可以让它工作，但它在我的表单中不工作，我不知道为什么

然后我尝试用以下方法触发它：

$('li.income_calc_field :input').change(function() {
    alert('triggered');
}

但是它不会触发（以我的形式）-但是在JSFIDLE中它可以正常工作吗

我不知道如何调试，因为代码太基本了

jQuery（文档）.ready（函数（$）{
$（'li.income\u calc\u field:input'）。更改（函数（）{
警报（“触发”）；
//计算年收入（）；
var总和=0；
$（'.income\u calc\u字段：input'）。每个（函数（）{
sum+=数字（$（this.val（））；
});
$（'#input_1_68'）.val（总和*26）；
});
});



自我：收入（净额）*


半月刊


每季的




薪水


退休金




退休金


版税


利息/股息


其他




总收入

检查更新的

在动态生成的元素上创建触发器时，始终建议使用

根据您的HTML代码，有两种方法

选项1:

$("#gform_fields_1_5").on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

$(document).on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

选项2:

$("#gform_fields_1_5").on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

$(document).on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

检查更新的

在动态生成的元素上创建触发器时，始终建议使用

根据您的HTML代码，有两种方法

选项1:

$("#gform_fields_1_5").on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

$(document).on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

选项2:

$("#gform_fields_1_5").on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

$(document).on('change', '.income_calc_field input', function() {
    alert('triggered');
    //calculateAnnualIncome();
    var sum = 0;
    $('.income_calc_field :input').each(function() {
      sum += Number($(this).val());
    });
    $('#input_1_68').val(sum * 26);
  });

元素是否动态附加到
文档中？好问题-我使用的是重力表单。否，字段作为HTMLAny控制台错误加载？无控制台错误是动态附加到
文档
的
元素？好问题-我使用的是重力表单。否，字段作为HTMLAny控制台错误加载？没有控制台错误
$（“#gform_fields_1_5”）。在（“更改”上，
更接近字段是的，我的错误。没有彻底检查HTML。更新我的答案：）有效！谢谢。但是你现在没有访问输入字段，我仍然会使用
。收入计算字段输入
@mplungjan，但是先生，即使我没有访问
输入
$（“\gform\u字段\u 1\u 5”）。在（“更改”上，
更接近字段是的，我的错误。没有彻底检查HTML。更新了我的答案：）有效！谢谢。但是您现在没有访问输入字段，我仍然会使用
。收入计算字段输入
@mplungjan，但是先生，即使我没有访问
输入