Program dropzone.js programowo nie działa

Question

Próbuję programowo tworzyć strefy upuszczania, ale to nie działa.

HTML kod:

<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> 

Strefa spadek <div id="myDropZone"> nie appers!

pozdrawiam :)

Answer 1

Trzeba dać #myDropZone div jakąś wysokość i szerokość tak, że zajmuje miejsce. Oto jsfiddle.

Możesz też dodać do swojego div klasę dropzone, aby uzyskać domyślną stylizację widoczną na prezentacjach. Do tego jest jsfiddle.

Answer 2

Dodaj klasę dropzone do elementu div, który zawiera strefę upuszczania. Mam nadzieję, że dodałeś arkusz stylów dropzone do swojej strony.