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提供一些宽度和高度，以便占用空间。继承人jsfiddle。

或者，您可以将dropzone类添加到div中，以获得您在演示中看到的默认样式。继续jsfiddle为此。

Answer 2

将类dropzone添加到包含放置区的div元素。 希望您已将dropzone样式表添加到页面中。