插件不適用於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);