ajaxリクエストはlaravelで一度だけ動作します

Question

私のajaxリクエストは正常に動作しますが、ajaxリクエストの部分ページをロードした後、ajaxは動作を停止します（Ajaxだけでなく、

私のhtmlコード：

<td> 

        @foreach($file_defects[$revision->revision_id] as $file_defect) 
        <a href='http://localhost/sponaDP/laravel/public/docs/revision_intervals/{{ $revision->rev_interval_id . '/' . $revision->date_of_revision->format('d.m.Y') . '/defects/' . 
            $file_defect->getFilename() }}' target="_blank"> 
         {{$file_defect->getFilename()}} 
        </a> 
        <a class="destroyFileFromRevision" id="{{$file_defect->getPathname()}}" style='color:red;'><span style="display:none;" class="rev">{{$revision->revision_id}}</span><span class='glyphicon glyphicon-remove'></span></a> 
        <br> 
        @endforeach 
</td> 

私のAJAX：

$(".destroyFileFromRevision").click(function() { 
    var filename = this.id; 
    var rev = $(this).children('.rev').text(); 
    $.ajax({ 
     type: "POST", 
     url: "http://localhost/sponaDP/laravel/public/revisions/destroy-file", 
     data: 'filename=' + filename + '&rev=' +rev, 
     beforeSend: function() { 
      $(".destroyFileFromRevision").parent('td').html(
        "<i class='fa fa-spinner fa-spin' aria-hidden='true' \n\ 
        ></i>"); 
     }, 
     success: function (data) { 
      $(".fa").parent('td').html(data); 
     } 
    }, 'json'); 
}); 

これらのAjaxリクエストによって返されたHTMLデータである（URL：... /破壊ファイル）：

@foreach($file_defects[$revision->revision_id] as $file_defect) 
<a href='http://localhost/sponaDP/laravel/public/docs/revision_intervals/{{  $revision->rev_interval_id . '/' . $revision->date_of_revision->format('d.m.Y') . '/defects/' . $file_defect->getFilename() }}' target="_blank"> 
{{$file_defect->getFilename()}} 
</a> 
<a class="destroyFileFromRevision" id="{{$file_defect->getPathname()}}"  style='color:red;'><span class='glyphicon glyphicon-remove'></span></a> 
<br> 
@endforeach 

Answer 1

この方法で要素を常に生き生きにする必要があります $(".destroyFileFromRevision").click(function()
To
$(document).on('click', '.destroyFileFromRevision', function()