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">의 드롭 존이 appers하지!

안부 :

Answer 1

당신은 공간을 차지 있도록 #myDropZone 사업부에게 약간의 너비와 높이를 줄 필요가있다. Heres a jsfiddle.

또는 div에 dropzone 클래스를 추가하여 데모에서 볼 수있는 기본 스타일을 얻을 수 있습니다. 그것을 jsfiddle Heres.

Answer 2

드롭 존을 보유하는 요소 dropzone을 div 요소에 추가하십시오. 페이지에 dropzone 스타일 시트를 추가하기를 바랍니다.