ボタンを使ってjqueryでデータを読み込み、

Question

のウェブサイトを開くと、タイムスタンプリストにAjaxがロードされます。ボタン< stop>をクリックすると、スクリプトのタイムスタンプ/ストップが実行され、リストはAjaxでリロードされます。

しかし、もう一度このボタンをクリックすると、何も起こりません。

サイト全体をリロードすると、もう1行を削除できます。 アイコンfa-refreshに行を削除した後でクリックすると、1行も削除する可能性があります。

しかし、この問題をどのように解決できますか？

メインスクリプト：

<script> 
$(document).ready(function() { 
    $.ajax({ 
     type: "GET", 
     url: "timestamp/list-open-all", 
     data: "nachladen", 
     success: function(nachladen){ 
      $('#nachladen').empty(); 
      $('<span>'+nachladen+'</span>').appendTo('#nachladen'); 
     } 
    }); 

    $("#refresh-link-active-timestamps").click(function() { 
     console.log('Daten gespeichert'); 
     $.ajax({ 
      type: "GET", 
      url: "timestamp/list-open-all", 
      data: "nachladen", 
      success: function(nachladen){ 
       $('#nachladen').empty(); 
       $('<span>'+nachladen+'</span>').appendTo('#nachladen'); 
      } 
     }); 
    }); 

    $("#button-timestamp-stop").click(function() { 
     console.log('Button Stop in aktivem Zeitstempel gedrückt'); 
     var projectid = $("#button-timestamp-stop").attr('data-ts'); 
     console.log(projectid); 
     $.ajax({ 
      type: 'POST', 
      url: 'timestamp/stop/project/'+projectid, 
      data: 'testdata=1', //pass data1 to second request 
      success: function(data){ 
       $.ajax({ 
        type: "GET", 
        url: "timestamp/list-open-all", 
        data: "nachladen", 
        success: function(nachladen){ 
         $('#nachladen').empty(); 
         $('<span>'+nachladen+'</span>').appendTo('#nachladen'); 
        } 
       }); 
      }  
     }); 
    }); 
}); 
</script> 

タイムスタンプ/リスト・オープン・全て

<?php foreach($this->timestamps as $key => $value) { ?> 
<div class="feed-element"> 
    <a href="profile.html" class="pull-left"> 
     <img alt="image" class="img-circle" src="img/profile/user/<?php echo $value['created_user'] ?>.jpg"> 
    </a> 
    <div class="media-body "> 
     <div class="actions"> 
      <a class="btn btn-xs btn-white" id="button-timestamp-stop" data-ts="<?php echo $value['id'] ?>"> stop </a> 
     </div> 
    </div> 
</div> 
<?php } ?>  

Answer 1

私はそれを見つけます：

$(document).on("click", '#refresh-link-active-timestamps', function() { 

代わりの

$("#button-timestamp-stop").click(function() {