Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript fileupload Jquery没有';不能动态工作_Javascript_Jquery_Dom_Jquery File Upload_Dynamically Generated - Fatal编程技术网

Javascript fileupload Jquery没有';不能动态工作

Javascript fileupload Jquery没有';不能动态工作,javascript,jquery,dom,jquery-file-upload,dynamically-generated,Javascript,Jquery,Dom,Jquery File Upload,Dynamically Generated,我使用此文件上载脚本: 其中包括: $('#upload').fileupload({ 我的问题是,我动态加载内容,所以我想我需要这样的东西(因为我从.click()函数知道这个问题): 但这不起作用。有谁能帮助我,在动态加载带有id=“upload”表单的内容时,如何调用此函数 那太好了 关于“我需要像这样的东西”这一部分,你几乎是对的,那就是你试图 $(document).on('fileupload', '#upload', function () { 这就是为什么“文件上传”对“点击

我使用此文件上载脚本:

其中包括:

$('#upload').fileupload({
我的问题是,我动态加载内容,所以我想我需要这样的东西(因为我从.click()函数知道这个问题):

但这不起作用。有谁能帮助我,在动态加载带有id=“upload”表单的内容时,如何调用此函数


那太好了

关于“我需要像这样的东西”这一部分,你几乎是对的,那就是你试图

$(document).on('fileupload', '#upload', function () {
这就是为什么“文件上传”对“点击”案例有效,而不是在这里


在动态加载
$('#upload')
元素后,您应该将
资产/js/script.js
包含到页面中,以便在执行脚本之前存在脚本所需的所有内容。为此,请在将元素添加到dom的代码之后查看或使用它。

您的问题可能是因为您在
document.ready()中初始化
$('#upload')。fileupload()

动态加载内容后,应将元素初始化为文件上载(执行
$('#upload').fileupload()

由于您是在单击按钮时通过ajax加载内容(根据注释),因此您的代码应该遵循以下内容:

$(":button").click(function(){
 $.ajax("url",{
   success: function (data){
     //code for injecting the element into DOM
     $('#upload').fileupload(); // initialize it as file upload
   }
 });
});
使用此功能

 $(function () {
        var options = {
            beforeSubmit: function (formData, jqForm, options) { },  // pre-submit callback 
            success: function (responseText, statusText, xhr, form) { }   // post-submit callback 
        };
        // bind form using 'ajaxForm' 
        $('#uploadForm').ajaxForm(options);
    });

调用$(“#upload”).fileupload(…在动态加载内容后?检查:@BGR:我不明白这一点,如果函数本身不起作用,为什么要使用回调函数?“当id=“upload”形式的内容动态加载时?”-如何加载内容?@TJ:单击按钮后,我使用ajax加载它
 $(function () {
        var options = {
            beforeSubmit: function (formData, jqForm, options) { },  // pre-submit callback 
            success: function (responseText, statusText, xhr, form) { }   // post-submit callback 
        };
        // bind form using 'ajaxForm' 
        $('#uploadForm').ajaxForm(options);
    });