dropzone.js以編程方式不起作用

Question

我正在嘗試以編程方式創建刪除區域，但它不起作用。

HTML代碼：

<div class="content-wrap">
   <div class="row">
      <script type="text/javascript">
         $(function() {
            $("div#myDropZone").dropzone({
                url : "/file-upload"
            });
         });
      </script>
      <div class="col-sm-12">
         <div class="nest" id="DropZoneClose">
            <div class="title-alt">
               <h6>DropZone</h6>
            </div>
            <div class="body-nest" id="DropZone">
               <div id="myDropZone" >
               </div>
               <button style="margin-top: 10px;" class="btn btn-info"
                  id="submit-all">Submit all files</button>
            </div>
         </div>
      </div>
   </div>
</div>

<div id="myDropZone">的放置區域沒有出現！

最好的祝福 ：）

Answer 1

你需要給你的#myDropZone div一些寬度和高度，以便它占用空間。 這是一個小伙伴 。

或者，您可以將dropzone類添加到div中以獲取您在演示中看到的默認樣式。 繼承人就是這樣。

Answer 2

將class dropzone添加到包含放置區的div元素。 希望您已將dropzone樣式表添加到頁面中。