Uncaught：$(.).dropzone不是函数

Question

在我的jQuery MVC 5项目中，我使用的是asp.net 3.3.1版本的DRODZAVersion4.3和3.3.1版本。

这是我的观点。(Index.cshtml)

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js" type="text/javascript"></script>
<script type="text/javascript">
    Dropzone.autoDiscover = false;
    $(function () {
        $("#dZUpload").dropzone({ url: "/Home/Index" });
    });
</script>

<div>
   <div id='dZUpload' class='dropzone'></div>
</div>

但是，当我运行项目时，下拉区域并不像我预期的那样工作。它返回浏览器控制台中的以下错误。

​

​

我遵循了在这个SO question中提到的以下修复程序。

• 将$("#dZUpload").dropzone({ url: "/Home/Index" });移动到window.onload。
• 将dropzone重命名为Dropzone

不幸的是，这些都没有用。

Answer 1

将代码放在document.ready块中：

Dropzone.autoDiscover = false;
$(document).ready(function(){
    $(function () {
        $("#dZUpload").dropzone({ url: "/Home/Index" });
    });
})