.on（＆＃34;更改＆＃34;不在partialView上工作

Question

我正在使用

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

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

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

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

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

提前致谢

Answer 1

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

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

检查Event Delegation Manual