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，直到用户没有点击按钮。我怎样才能做到这一点？也许我可以用另一个代码绑定更改事件处理程序？

P.S。在另一页上，这与'display：none;'完美契合。

抱歉我的英语不好。感谢。

Answer 1

问题出在输入文件字段的名称中。我删除名称属性，现在它的工作原理。 2小时没花。对不起:)。

show（）之后的jQuery更改事件问题

1 个答案: