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'); });

我的问题是 none 的更改、输入或加载不适用于动态生成的内容（在我的示例中是 3），我想要的是当我加载页面时，它确实该操作无需输入任何内容即可触发该功能。

Answer 1

您似乎正在将事件的范围缩小到 ID 为 act_hrs_1e 的对象，您应该只拥有一个具有该 ID 的元素。尝试将范围限定为 css class 或删除范围以响应所有元素的事件。

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

onChange 不会为动态内容触发

onChange doesn't fire for dynamic content

javascript

onchange

dynamic