javascript - Jquery绑定(bind)函数动态创建上传控件

Question

我有一个上传控件

<div id=bodyContent>       
    <input  id="fileupload" type="file" name="files[]" multiple  /> 
</div>

创建服务器端。此控件由以下函数使用:

$('#fileupload').fileupload({
    url: url,
    dataType: 'json',
    done: function (e, data) {
        //Do Something
    }
})

现在，这个控件是使用 javascript 动态创建的:

$('div[id *= bodyContent]').append(' <input id="fileupload" type="file" name="files[]" 
   multiple /> ');

我试过如下所示动态绑定(bind)函数，但没有成功。我不习惯进行这种类型的转换，如有任何帮助，我们将不胜感激。

$('div[id*=bodyContent]').on('fileupload', 'input[id*=fileupload]', function ({
    url: url,
    dataType: 'json',
    done: function (e, data) {
         //Do Something
    }       
})

谢谢。

Answer 1

id 在同一个文档中应该是唯一的，所以尝试用类属性替换它，在每次追加初始化你的 fileupload 之后:

$('<input class="fileupload" type="file" name="files[]" multiple/>').appendTo
   ('div[id*="bodyContent"]').each(function() 
{
    initFileUpload();
});

function initFileUpload()
{
    $('.fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            //Do Something
        }
    })    
}

希望这对您有所帮助。