如何绑定附加元素？

Question

我正在使用Plupload上传文件。出于具体原因，我必须将FilesAdded“内”init如下所示。

问题是，我无法使用附带jQuery的元素上的jQuery.remove()。

我已经正常使用.on()解决了这个问题，但是因为没有任何操作，比如click等。我不确定如何绑定附加元素。

大加赞赏任何指导:)

// Custom example logic 
var uploader = new plupload.Uploader({ 
    runtimes : 'gears,html5,flash,silverlight,browserplus', 
    browse_button : 'btn-file-browse', 
    container : 'drag-drop-container', 
    drop_element : 'drag-drop-container', 
    max_file_size : sim_gal_data['max_file_size'], 
    url : sim_gal_data['upload_url'], 
    multi_selection : true,  
    init : { 
     FilesAdded: function(up, files) { 

      // Create list of files being uploaded 
      jQuery.each(files, function(i, file) { 
       jQuery('#filelist').append(
        '<div id="' + file.id + '" class="file_upload">' + 
        '<div class="file_name">' + file.name + ' (' + plupload.formatSize(file.size) + ')' + 
        '</div> <label class="file_progress"><b></b></label>' 
       ); 
      }); 

      // Ready set go! 
      up.refresh(); 
      up.start(); 
    } 
}); 

更新

这会触发remve：

uploader.bind('UploadComplete', function(up, files) { 
    jQuery('#filelist .file_name').remove(); 

    // I'm able to run this - so maybe .file_name is appended? 
    jQuery('#filelist .file_name).append('TEST'); 
}); 

Answer 1

你们是不是要清理后UploadComplete？如果是这样，它应该是下面的东西。

如果你正试图清理后上传的每个文件，你应该处理它FileUploaded event handlere

init : { 
    UploadComplete: function(uploader, files){ 
    alert('upload complete'); 
    jQuery('#filelist').html(''); 
    }, 
    FilesAdded: function(up, files) { 

     // Create list of files being uploaded 
     jQuery.each(files, function(i, file) { 
      jQuery('#filelist').append(
       '<div id="' + file.id + '" class="file_upload">' + 
       '<div class="file_name">' + file.name + ' (' + plupload.formatSize(file.size) + ')' + 
       '</div> <label class="file_progress"><b></b></label>' 
      ); 
     }); 

     // Ready set go! 
     up.refresh(); 
     up.start(); 
}