.on（“更改”不适用于部分视图 [重复]

Question

我正在使用一个

$(".titleField").on("change", function () {
                // change title
                alert("hello");
            });

在我加载了 ajax 调用的字段上：

<input class="form-control autosize titleField text-box single-line valid" type="text" value="">

但我没有显示任何警报，控制台中也没有错误，为什么？如何绑定在部分网页中加载的此项目的 on 更改？

当我将选择器放入控制台时，它会显示正确的输入...

提前致谢

Answer 1

您需要使用动态添加的元素进行事件委托。检查Demo

$(document).on("change keyup",".titleField", function () {
   // change title
    alert("hello");
});

查看Event Delegation Manual