生成内容后，jQuery .on（“ change”，function（）不触发

Question

我有一个Jquery脚本，当文件输入更改时应将其触发。它可以在静态页面中运行，但是在生成内容时不会响应。我的问题在哪里？

$("#file_input").on("change", function(){
Code To Execute
});

Answer 1

您需要使用事件委托：

$(document).on("change", "#file_input", function() {

原因是-这些事件在运行时绑定。如果您的内容不存在，则没有任何绑定！document在上面的示例中，无论容器是具有附加内容而且在运行时也存在的容器。