dropzone.js प्रोग्रामेटिक रूप से

Question

काम नहीं करता है मैं प्रोग्राम ड्रॉप के ड्रॉप क्षेत्र बनाने की कोशिश कर रहा हूं, लेकिन यह काम नहीं करता है।

एचटीएमएल कोड:

<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 div कुछ चौड़ाई और ऊंचाई देने के लिए इतना है कि यह स्थान में समा जाता जरूरत है। एक jsfiddle है।

वैकल्पिक रूप से, आप डेमो में दिखाई देने वाली डिफ़ॉल्ट स्टाइल प्राप्त करने के लिए dropzone कक्षा को अपने div में जोड़ सकते हैं। इसके लिए jsfiddle है।

Answer 2

dropzonediv तत्व में जोड़ें जो आपके ड्रॉप क्षेत्र को रखता है। आशा है कि आपने अपने पृष्ठ पर dropzone स्टाइलशीट जोड़ा है।