Javascript 选择文件后，无法使用.hide（）隐藏文件输入的父div

出于某些原因，jquery的.hide不会在选择文件后隐藏包含文件输入的div。当没有选择任何文件时，我可以运行js并隐藏它。见下例：

<script type="text/javascript">
function upload_1(ele){

 ele.form.submit();

 $( "#div_1" ).hide('clip', {}, 'fast');
 $( "#waiting_1" ).show('clip', {}, 'fast');
}
</script>
<div id="div_1" class="ajaxVisible" style="float: left;" >
    <form method="post" action="action.php" enctype="multipart/form-data" id="form_1" target="hiddenIFrame1" >
        <input type="file" name="file" size="1" onchange="upload_1(this);" id="image_1" />
    </form>
    </div>
    <iframe style="width:0px;height:0px;border:0px;" name="hiddenIFrame1"></iframe>
    <div id="waiting_1"  style="display: none; float: left;">
<center><img src="abc.gif" height="15px" /></center>
</div>

我有一个按钮：

<button onclick="ajaxHide();">Hide</button>

同样，我可以单击上面的按钮在没有选择文件的情况下进行测试，div完全隐藏。当我运行实际用例并选择一个文件时，它不会在选择一个文件后将其隐藏，但隐藏的等待div会按它应该显示的那样显示

---

谢谢你的帮助

我对您的代码进行了一些研究，发现了以下问题：

upload_1中的代码可能工作不正确，我的意思是这里可能是无限循环，因为一旦代码试图隐藏div，它就会导致再次触发更改

当我从上载处理程序中删除此代码时，一切正常：

$("#div_1").hide('clip', {}, 'fast');
$("#waiting_1").show('clip', {}, 'fast');

---

这样的意大利面代码很难说，但看起来你是在div被隐藏之前提交表格的。哈哈，对不起。。。我从一个更大的文件中删掉了它。我尝试了两种方法，在提交事件前后隐藏。没什么…如果文件更大，情况会更糟…嗯…我真的不知道发生了什么。如果您正在使用jQuery，为什么不试着正确地使用它，去掉那些内联样式，如果它仍然不起作用，就回来。你可能会有更多的人来帮助你。

$("#div_1").hide('clip', {}, 'fast');
$("#waiting_1").show('clip', {}, 'fast');