Jquery .load() 执行后 Dropzone 不工作答案

【问题标题】：The Dropzone is not working after Jquery .load() executeJquery .load() 执行后 Dropzone 不工作
【发布时间】：2013-08-01 06:17:34
【问题描述】：

您好，您能帮我解决我的问题吗？

这是我的代码：

$(document).ready(function() {      
        $('#sample').load('sample.html')
});

脚本执行后，sample.html 现在加载到我的...

<form action="upload.php" class="dropzone"></form>

位于 dropzone js 不工作。

请帮我解决这个问题。我想不出如何解决这个问题。

谢谢！

【问题讨论】：

是dropzone 表单是通过load() 命令加载的
您能详细说明一下吗？是你的 JS 不工作还是 CSS 文件没有被拾取？
@ArunPJohny 是的，dropzone 表单是通过 load() 加载的
@FahizMohamed dropzone.js 不起作用

标签： javascript jquery file-upload load dropzone.js

【解决方案1】：

您需要告诉 dropzone 重新解析文档。如果您使用 jquery.load 方法也只能在上传器完全加载后使用 Dropzone.discover 方法。

$('#sample').load('sample.html', function() {
  Dropzone.discover();
});

【讨论】：

【解决方案2】：

需要使用$.getScript方法来加载JS文件..getScript

$.getScript("yourJsPath", function(data, textStatus, jqxhr) {
   console.log(data); //data returned
   console.log(textStatus); //success
   console.log(jqxhr.status); //200
   console.log('Load was performed.');
});

【讨论】：

Ravi 我已经用过那个方法了，但是dropzone.js 还是不行