从ajax获取后，文件元素无法触发

Question

我有一个来自计算机的表单上传文件。 我上传的步骤

1，点击按钮

2，点击后将运行ajax从服务器加载字段。

3，加载该字段后，我将其附加到自己的表单中。并触发点击它希望窗口上传将显示。但它不起作用。我使用jquery 2.1.0

$('.form-file').click();

它已经由console.log显示

Answer 1

的index.html

<form action="" method="post">
  <div id="upload">Upload</div>
  <div id="file_wrapper"></div>
</form>

form.js

$(document).ready(function(){
  $('#upload').click(function(){
    $('#file_wrapper').load('/element.html', function(){
      $('#file').trigger('click');
    });
  });
})

element.html

<input id="file" type="file" name="file"/>