Dropzone.js初始化函數（）不會被調用

Question

我有這樣的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> 

與此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, 
}; 

但沒有被執行的init:function()。我可以將autoProcessQueue設置爲false或true，這樣可以工作，因此我知道fbDropZoneid是正確的 - 但maxFiles也被忽略。我在某處做了一個愚蠢的語法錯誤..？我正在運行Safari 7.

Answer 1

事實證明，代碼位置是至關重要的：dropzone調用必須放在文檔加載或準備函數之外（我想你會稱它爲內聯）。

Answer 2

嘗試：

Dropzone.autoDiscover = false; 
$("#mydropzone").dropzone({ 
    init: function() { 
     var $this = this; 
     $("button#clear-dropzone").click(function() { 
      $this.removeAllFiles(true); 
     }); 
    }, 
    paramName: "file", 
    maxFilesize: 5, 
    maxFiles : 1, 
    autoProcessQueue : false 
});