Blueimp文件上傳：我刪除鏈接不起作用

Question

這裏是我的表格（基本上傳）：

<span class="btn btn-success fileinput-button"> 
    <span>Select files...</span> 
    <input id="fileupload" type="file" name="files[]" multiple> 
</span> 
<br> 
<div id="files" class="files"></div> 

這裏是我的腳本：

$(function() { 
    $('#fileupload').fileupload({ 
     url: 'server/php/', 
     dataType: 'json', 
     add: function (e, data) { 
      data.context = $('<p/>').text('Uploading...').appendTo('#files'); 
      data.submit(); 
     }, 
     done: function (e, data) { 
      $.each(data.result.files, function (index, file) { 
       $('<p/>').html('<a href="#" class="text-danger delete" data-type="' + file.deleteType + '" data-url="' + file.deleteUrl + '" title="Delete">Delete</a>').appendTo('#files'); 
      }); 
     } 
    }); 
}); 

我上傳的是OK，但是當我點擊在DELETE鏈接上，沒有任何反應。看起來這個鏈接沒有效果。也許我錯過了包括一些東西？

有什麼想法？

Answer 1

除非我遺漏了某些東西，否則您尚未在鏈接上設置事件偵聽器。

$('#files').on('click', 'a', function (e) { 
    e.preventDefault(); 

    var $link = $(this); 

    var req = $.ajax({ 
    dataType: 'json', 
    url: $link.data('url'), 
    type: 'DELETE' 
    }); 

    req.success(function() { 
    $link.closet('p').remove(); 
    }); 
});