2015-10-06 114 views
0

當我用ajax調用它時,插件不起作用。當我用ajax調用它時,DropZone插件不起作用

懸浮窗插件:

當你使用:http://www.dropzonejs.com/

main.html中

<html> 
<head> 
    <link rel="stylesheet" href="/vendor/dropzone/dist/min/basic.min.css"> 
    <link rel="stylesheet" href="/vendor/dropzone/dist/min/dropzone.min.css"> 
</head> 
<body> 


    <div class="ajaxBlock"> 

    </div> 

<script src="/vendor/jquery/dist/jquery.js"></script> 
<script src="/vendor/dropzone/dist/min/dropzone.min.js"></script> 
<script> 
    $(document).ready(function(){ 
    $.post('/calling-page.html', function(result){ 
     $('.ajaxBlock').html(result); 
    }); 
    }); 
</script> 
</body> 
</html> 

主叫page.html中

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form> 
+0

的jsfiddle請 – user1428716

+0

把UR上的jsfiddle代碼..什麼在控制檯 – user1428716

+0

@mKrl錯誤給人一種'404'頁面不當我檢查代碼時,發現參數是這個數字'_ \t 1505290759499'.Gotten解決方案? –

回答

0

嘗試如下程序進行初始化<form>元素;那麼沒有必要指定url:選項的同時啓動它:

$(document).ready(function(){ 
    $.post('/calling-page.html', function(result){ 
     $('.ajaxBlock').html(result); 
     var myDropzone = new Dropzone("#my-awesome-dropzone"); 
    }); 
    }); 

OR

$(document).ready(function(){ 
    $.post('/calling-page.html', function(result){ 
      $('.ajaxBlock').html(result); 
      $("#my-awesome-dropzone").dropzone(); 
    }); 
}); 
+0

感謝您的回答。 – mKrgl

+0

歡迎@mKrgl ...':)'! – vijayP