dropzone.js non funziona a livello di programmazione

Question

Sto provando a creare aree di rilascio programmaticamente, ma non funziona. Codice

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> 

La zona di caduta di <div id="myDropZone"> non appers!

migliori saluti :)

Answer 1

È necessario dare il vostro #myDropZone div certa larghezza e l'altezza in modo che occupa spazio. Ecco un jsfiddle.

In alternativa, è possibile aggiungere la classe dropzone al proprio div per ottenere lo stile predefinito che si vede nelle demo. Ecco il jsfiddle per quello.

Answer 2

Aggiungere classe dropzone all'elemento div che contiene la zona di rilascio. Spero che tu abbia aggiunto il foglio di stile dropzone alla tua pagina.