Internet Explorer文件输入更改

你可以用这些线来代替上面的内容

var html = $('<div class="add_input"><input type="file" name="file"/></div>');
$('#add_inputs').prepend(html);
$("div.add_input > input[name='file']").change(submit);

或

var html = $('<div class="add_input"><input id="filer" type="file" name="file"/></div>');
$('#add_inputs').prepend(html);
$("#filer").change(submit);

当您在jquery中从HTML创建元素时,返回的句柄引用了最外层的元素,因此您将 change 上的事件处理程序 <div> 而不是 <input> .

尽管如此,这在大多数浏览器中仍然有效,因为在 DOM Level 2 Events 规格 改变 event__bubbles_向上打开文档以在文档更改时通知其父级,因此 <DIV & GT; 会收到关于其任何子项的任何更改的通知 <输入> 但是,IE有自己的事件模型,其中 change does not bubble .

另一种选择:

($('<input type="file" name="file" />')
    .change(submit)
    .prependTo('#add_inputs')
    .wrap('<div class="add_input"></div>')
);