jQuery Not Triggering Span Нажмите на добавленный элемент

Question

У меня есть условие в файле js, где загрузка файла запускает мой jQuery, чтобы добавить следующий элемент для каждого возвращаемого значения, но у меня возникла проблема с моим триггером щелчка по тегу span span со ссылкой. Я вижу, что хэш появляется в URL-адресе, указывая на щелчок на элементе, но мой console.log не срабатывает, указывая мне, что что-то отключено.

Вот мой пост-изображение загрузить JQuery:

$("#file-input").on('change', function(){ 
     var files = $(this).get(0).files; 

     if (files.length > 0){ 
      var formData = new FormData(); 

      for(var i = 0; i < files.length; i++){ 
       var file = files[i]; 
       console.log(files[i]); 
       formData.append('fileUpload', file, file.name); 
      } 

      $.ajax({ 
       url: '/app/sign', 
       type: 'POST', 
       data: formData, 
       processData: false, 
       contentType: false, 
       success: function(data){ 
        for(var i = 0; i < data.length; i++){ 
         console.log('This is the element ' + data[i]); 
         $('.file-preview').append("<a href='" + data[i] + "'>" + data[i] + "</a><a href='#' class='remove-file' data-file-link='" + data[i] + "'><span class='glyphicon glyphicon-remove'></a><br>"); 
        } 
       }, 
       error: function(error){ 
        console.log('error ' + JSON.stringify(error)); 
       } 
      }); 
     } 
     if (files.length > 5){ 
      alert('You can only upload a maximum of five files at this time'); 
      return false; 
     } 
    }); 

С акцентом на приложенном HTML:

$('.file-preview').append("<a href='" + data[i] + "'>" + data[i] + "</a><a href='#' class='remove-file' data-file-link='" + data[i] + "'><span class='glyphicon glyphicon-remove'></a><br>"); 

На .remove-file мыши, я не видя console.log или alert:

$('.remove-file').on('click', function(){ 
    console.log('Delete Triggered'); 
    var fileLink = $(this).data('file-link'); 
    alert(fileLink); 
    /*alert($(this).attr('href')); 
    $.ajax({ 
     url: '/app/sign', 
     type: 'DELETE', 
     data: fileLink, 
     success: function(){ 
      $('.file-preview').remove(); 
     }, 
     error: function(error){ 
      console.log('error ' + JSON.stringify(error)); 
     } 
    })*/ 
}); 

Answer 1

$(document).on('click','.remove-file', function(){ 

Try This