Dropzone.js初始化函数()未被调用

Tod*_*odd 8 javascript jquery dropzone.js

我有这个HTML:

<div id='drop_zone'>
  <div class="close_button" id="removeAllImages">Remove All</div>
  <form action="PHP/uploads.php" class="dropzone" id='fbDropZone'></form>
</div>
Run Code Online (Sandbox Code Playgroud)

和这个Javascript中的 $(document).ready(function() {}

window.Dropzone;
Dropzone.autoDiscover = false;
$('#fbDropZone').dropzone = {
    init: function() {
     fbDropZone = this;
     $("#removeAllImages").click(function(){fbDropZone.removeAllFiles();})
    },
    paramName: "file",
    maxFilesize: 5,
    maxFiles : 1,
    autoProcessQueue : false,
};
Run Code Online (Sandbox Code Playgroud)

但是init:function()没有被执行.我可以把autoProcessQueuefalsetrue和工作,所以我知道的fbDropZone id是正确的-但maxFiles被忽略为好.我在某处做过愚蠢的语法错误吗?我正在运行Safari 7.

Tod*_*odd 9

事实证明代码位置至关重要:dropzone调用必须放在文档加载或就绪函数之外(我猜你称之为内联).


Jul*_*uls 5

检查您是否必须Dropzone.autoDiscover = false在您的$(document).ready(...).

错误的:

$(document).ready(function(){
  Dropzone.autoDiscover = false;
  $("#mydropzone").dropzone({
    init: function() {...}
   );
});
Run Code Online (Sandbox Code Playgroud)

正确的:

Dropzone.autoDiscover = false;

$(document).ready(function(){
  $("#mydropzone").dropzone({
    init: function() {...}
   );
});
Run Code Online (Sandbox Code Playgroud)