插件不适用于Ajax加载的内容

Question

我正在使用blueimp的文件上传器 ，要求调用以下文件 ：

$('#fileupload').fileupload();

我已经加载了一些包含#fileupload ajax内容，但是文件上载器插件不起作用。 如何更改上面的代码段以适用于Ajax加载的内容？

谢谢！

Answer 1

加载ajax内容后，只需再次调用文件上传功能：

$('#fileupload').fileupload();

Answer 2

您必须绑定新创建的元素，以确保没有重复的选项将它们放在var中：

var fileupload_options = {
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    };

然后在每次创建新元素时调用：

$('#fileupload').fileupload(fileupload_options);