Javascript dropzone.js克隆表单不允许单击

我使用的是dropzone.js，当用户单击按钮时，会将一个表单附加到dom中。我希望用户能够添加此表单多次，因此我尝试在添加前克隆它。然而，我遇到的问题是，当我附加表单的克隆版本时，表单是不可单击的（即用户不能添加图像），但是当我不使用克隆表单，而只使用dom中的原始表单时，表单工作正常。当我比较附加的html时，它是完全相同的。。。以下是html：

<form accept-charset="UTF-8" action="/ui_config_widgets" class="dropzone dz-clickable" data-remote="true" 
enctype="multipart/form-data" id="widgetDropzone" method="post"><div style="margin:0;padding:0;display:inline">
<input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="uEDkc3g4sUz/Fc8n12LcpxC1AeW4dpd65lATEHvYdwY="></div>
<div class="btn-file-input">
  <input id="ui_config_widget_uuid" name="ui_config_widget[uuid]" type="hidden" value="51809ce1-0649-488f-8a6b-7b59666de111">
  <div id="delete-draft-widget">
    <i class="fa fa-close"></i>
  </div>
</div>
<div class="dz-default dz-message"><span>Drop files here to upload</span></div></form>

把文件放在这里上传

---

我是javascript和dropzone.js新手，所以如果我遗漏了任何明显的内容，请告诉我。谢谢

dropzone js使用js代码制作拖放和可点击的div，因此即使你有相同的html，也不意味着它可以工作。你试过使用.clone（true，true）吗？@juvian我刚试过使用true，true，并且有相同的问题。你可以尝试在复制后以编程方式实例化它，并添加一个唯一的id:var myDropzone=new Dropzone（“form#yourNewId”，{url:/file/post”}）；