按钮在访问另一个分页页或正在搜索时不工作(ajax，Laravel)

Question

在索引页中搜索后，按钮操作无法工作。访问第二页时，动作按钮不工作。

这里是我的索引页

<a href="#" class="btn btn-primary btn-active-primary btn-sm"
    data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">   
  {{actions}}

  <span class="svg-icon svg-icon-5 m-0">
     <svg xmlns="http://www.w3.org/2000/svg" width="24" </svg>
  </span>
</a>

<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded 
    menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-125px py-4"
    data-kt-menu="true">
<div class="menu-item px-3">
    <a href="{{ route('index.show', $index->id) }}" class="menu-link 
 px-3"> 
       {{View Details}}
    </a>
</div>

这里是路线

Route::prefix('example')->name('examples.')->group(function () {
        Route::get('', [ExampleController::class, 'index'])->name('index');
    });

这里是脚本

  $(document).on("click", "#pagination a, #search_btn, #reset_btn", function() {
    if(this.id == 'reset_btn'){
        $("#searchform").reset();
    }
  $.ajax({
    url: this.dataset.url,
    type: 'get',
    data:  $("#searchform").serialize(),
    processData: false,
    cache: false,
    contentType: false,
      success: function(data) {
        $("#pagination_data").html(data); 
      },
      failure: function (response) {
          alert(response.responseText);
      },
      error: function (response) {
          alert(response.responseText);
      }        
    });
  }) 
});```

Answer 1

只需将下面的代码插入到按钮函数脚本中，就可以解决这个问题。

KTMenu.createInstances();