2015-10-06 117 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