Jquery Dropzone-动态追加Dropzone div不工作

jquery动态追加的Dropzone无效

我用于所有dropzone的方法都有效，但只需单击两次即可工作，同时google chrome会向我返回一个错误

区域代码：

$('.button').click(function () {
   $('.target').append("<div class='dropzone sales_proof_pic' data-proof-user-id='0'><div class='dz-message dropzone_placeholder color_khaki2' data-dz-message><span>UPLOAD<br>SALES<br>PROOF</span></div></div><input type='hidden' name='proof_id[0]' class='proof_pic_id'>");
});

按浏览器返回的错误：

Uncaught Error: Dropzone already attached.
    at new c (dropzone.min.js:1)
    at HTMLDivElement.<anonymous> (dropzone.min.js:2)
    at Function.each (jquery.js:384)
    at m.fn.init.each (jquery.js:136)
    at m.fn.init.undefined.jQuery.fn.dropzone (dropzone.min.js:2)
    at HTMLDivElement.<anonymous> (create:355)
    at HTMLDocument.dispatch (jquery.js:4670)
    at HTMLDocument.r.handle (jquery.js:4338)

未捕获错误：Dropzone已连接。
在新的c（dropzone.min.js:1）
在HTMLDEVELENT。（dropzone.min.js:2）
在Function.each（jquery.js:384）
在m.fn.init.each（jquery.js:136）
在m.fn.init.undefined.jQuery.fn.dropzone（dropzone.min.js:2）
在HTMLDEVELENT。（创建：355）
在HTMLDocument.dispatch（jquery.js:4670）
位于HTMLDocument.r.handle（jquery.js:4338）

有什么办法解决这个问题吗？i

var-proof\u-pic=$（此项），因为我需要它来记录输入中的值

$(this).dropzone({

您正在创建一个新的dropzone区域。把那行改成

Dropzone.options.myDropZone = {

并指定“myDropZone”作为append div的id，如下所示：

$('.button').click(function () {
   $('.target').append("<div id="myDropZone" name="myDropZone" class='dropzone sales_proof_pic' data-proof-user-id='0'><div class='dz-message dropzone_placeholder color_khaki2' data-dz-message><span>UPLOAD<br>SALES<br>PROOF</span></div></div><input type='hidden' name='proof_id[0]' class='proof_pic_id'>");
});

$（'.button'）。单击（函数（）{
$（'.target'）。追加（“上传
销售
证明”）；
});
在

您正在创建一个新的dropzone区域。把那行改成

Dropzone.options.myDropZone = {

并指定“myDropZone”作为append div的id，如下所示：

$('.button').click(function () {
   $('.target').append("<div id="myDropZone" name="myDropZone" class='dropzone sales_proof_pic' data-proof-user-id='0'><div class='dz-message dropzone_placeholder color_khaki2' data-dz-message><span>UPLOAD<br>SALES<br>PROOF</span></div></div><input type='hidden' name='proof_id[0]' class='proof_pic_id'>");
});

$（'.button'）。单击（函数（）{
$（'.target'）。追加（“上传
销售
证明”）；
});
您需要分离默认情况下自动调用dropzone

在Javascript文档就绪函数或加载文档中尝试此操作

Dropzone.autoDiscover = false;

然后像这样声明dropzone

 var $dropzone = new Dropzone('#dropzone', {
       *//all your settings here.*
    });

希望有帮助。
您需要分离默认情况下自动调用dropzone

在Javascript文档就绪函数或加载文档中尝试此操作

Dropzone.autoDiscover = false;

然后像这样声明dropzone

 var $dropzone = new Dropzone('#dropzone', {
       *//all your settings here.*
    });

希望有帮助。
如果使用jQuery，则需要在文档之前调用Dropzone.autoDiscover=false。ready如果使用jQuery，则需要在文档之前调用Dropzone.autoDiscover=false。ready每次单击时添加一个带有css类Dropzone的新元素。这对于第一次单击可能有效，但当您再次单击时，在第一次单击中添加的元素（已附加dropzone）将显示以下错误消息：您在每次单击时添加一个带有css类dropzone的新元素。这可能适用于第一次单击，但一旦您再次单击，第一次单击中添加的元素（已附加dropzone）将显示此错误消息