Reputation: 1030
There are few dropzones on a page and new items are loaded by ajax, so I need to check, if dropzone already attached on that item.
Dropzone.autoDiscover = false;
function initDropzones()
{
$('.dropzones').each(function () {
// how to check dropzone exists on item?
// or how to destroy already existed dropzone (so reinitialize after)
$(this).dropzone({
url: ...
})
});
}
someAjaxAdd() {
// add new elements and with new one dropzone
initDropzones();
}
Thank you very much
Upvotes: 5
Views: 12007
Reputation: 146
You have to check the dropzone attribute and if it exists you can destroy it:
function initDropzones() {
$('.dropzone').each(function () {
let dropzoneControl = $(this)[0].dropzone;
if (dropzoneControl) {
dropzoneControl.destroy();
}
});
}
Upvotes: 13