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

Question

I'm using blueimp's file uploader which requires the following to be called:

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

I have some ajax loaded content that contains #fileupload , but the file uploader plugin doesn't work. How can I change the above snippet to work for ajax loaded content?

Thanks!

Answer 1

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

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

Answer 2

You have to bind the newly created elements, to not have duplicated options put them in a var:

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

then just call each time a new element is created:

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