我有一个上传控件
<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
}
})
谢谢。
最佳答案
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
}
})
}
希望这对您有所帮助。
关于javascript - Jquery绑定(bind)函数动态创建上传控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37910567/