onChange不会触发动态内容

Question

我有3个输入文本，我想在前2个之间做一些操作，并在3中打印结果。第一个输入文本的内容是由查询生成的，从数据库中获取数据，所以内容是动态生成的。所以我的例子就是:(第一个输入文本 - 3）减去（第二个输入文本0）=（结果输入文本0）;
这是我用来执行此操作的代码的一部分：

$(document).on('change input load', '#act_hrs_1e', function() { var_hrs('act_hrs_1e','plan_hrs_1e','var_hrs_1e'); });

我的问题是，对于动态生成的内容（在我的示例中为3），更改，输入或加载都不起作用，我想要的是当我加载页面时，它执行操作而不进行任何操作需要输入一些东西来解雇这个功能。

Answer 1

看起来您正在将事件限定为ID为act_hrs_1e的对象，您应该只有一个具有该ID的元素。尝试确定css类的范围，或删除范围以响应所有元素的事件。

Answer 2

您必须将load事件与该代码分开，您将load对象的document事件委托给ID为#act_hrs_1e的元素，这应该是工作：

function callHrs() {
    var_hrs('act_hrs_1e','plan_hrs_1e','var_hrs_1e'); 
}

$(document).on('ready', callHrs).on('change input', '#act_hrs_1e', callHrs);