Javascript datatable分页的下一页中的锚标记值为空

我在获取分页中下一组数据的锚标记值时遇到问题。请注意，我在datatable分页的第一页中成功获取了锚标记值，但当我单击第二页时，javascript警报消息不再出现。这有什么问题？请帮忙。这是我的密码。谢谢

bills.php

当我单击其中任何一个时，将显示一个带有id值的警报，但当我打开分页的第二页时，将不再显示警报。 这是因为datatable在分页时动态添加行

试试jquery

@foreach ($inactive as $key => $amort)
<tr>
    <td>
       <a href="#" class="btn btn-square btn-success btn-activate-bill " data-value="{{ $amort->id }}" ><i class="nav-icon icon-check"></i> Activate Bill </a>
   </td>
</tr>
@endforeach

$(".btn-activate-bill").click(function(e){

      e.preventDefault();

      var amort_id = $(this).data("value");   
      alert(amort_id);
 });

$(document).on('click', '.btn-activate-bill', function(e){
    e.preventDefault();    
    var amort_id = $(this).data("value");   
    alert(amort_id);
});