javascript - .on(“更改”在部分 View 上不起作用

This question already has answers here:

Event binding on dynamically created elements?
                            
                                （23个答案）
                            
                    
                5年前关闭。
        

    

我正在使用

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

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

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

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

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

提前致谢

最佳答案

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

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

检查Event Delegation Manual

关于javascript - .on(“更改”在部分 View 上不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29164673/