jquery - show() 之后的 jQuery 更改事件问题

Question

我有带有“添加新”按钮的 html 文档和带有附加字段的隐藏 div (style='display: none;')。当用户单击“添加新”按钮时，div 变得可见：

<script>
$(document).ready(function () {
    $('#add_new').click(function () {
            $('#add_new_panel').show();
            $(this).hide();
        });

    $('#selected_file').change(function(){
            alert(44);
        });
});
</script>

<div id="add_new_panel" style="display: none;">
    <input type="file" id="selected_file" name="testFile" />
</div>

问题是当我在输入字段中选择文件时，该字段上的 jQuery 更改事件永远不会触发。如果我删除 style='display: none;' 从 add_new_panel div 它可以正常工作。但我需要隐藏这个 div，直到用户没有点击按钮。我怎样才能做到这一点？也许我可以将更改事件处理程序与另一个代码绑定？

PS 在另一页上，这与“显示：无；”完美配合。

对不起，我的英语不好。谢谢。

Answer 1

问题出在输入文件字段的名称中。我删除了 name 属性，现在它可以工作了。2个小时白费了。打扰一下 ：）。