JQuery .on(‘KTDatatable’)不支持单击各行编辑下拉菜单

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Options</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>
        <select class="edit-dropdown">
          <option value="option1">Option 1</option>
          <option value="option2">Option 2</option>
          <option value="option3">Option 3</option>
        </select>
      </td>
    </tr>
    <!-- Add more rows as needed -->
  </tbody>
</table>

$(document).ready(function() {
  var table = $('#myTable').KTDatatable();

  table.on('datatable-on-init', function() {
    // 绑定下拉菜单的change事件
    $('.edit-dropdown').on('change', function() {
      var selectedOption = $(this).val();
      // 执行相应的编辑操作
      // ...
    });
  });

  table.on('datatable-on-layout-updated', function() {
    // 更新下拉菜单的样式或其他操作
    // ...
  });

  table.on('datatable-on-ajax-done', function() {
    // 如果使用Ajax加载数据，可以在数据加载完成后重新绑定下拉菜单的change事件
    // ...
  });

  table.on('datatable-on-reloaded', function() {
    // 如果重新加载数据，可以在数据重新加载完成后重新绑定下拉菜单的change事件
    // ...
  });

  table.on('datatable-on-update', function() {
    // 如果表格数据更新，可以在更新完成后重新绑定下拉菜单的change事件
    // ...
  });

  table.on('datatable-on-ajax-fail', function() {
    // 如果使用Ajax加载数据，可以在加载失败时进行错误处理
    // ...
  });

  table.on('datatable-on-ajax-done', function() {
    // 如果使用Ajax加载数据，可以在数据加载完成后进行其他操作
    // ...
  });

  table.on('datatable-on-ajax-fail', function() {
    // 如果使用Ajax加载数据，可以在加载失败时进行错误处理
    // ...
  });

  table.on('datatable-on-ajax-done', function() {
    // 如果使用Ajax加载数据，可以在数据加载完成后进行其他操作
    // ...
  });

  table.on('datatable-on-ajax-fail', function() {
    // 如果使用Ajax加载数据，可以在加载失败时进行错误处理
    // ...
  });

  // 初始化表格
  table.init();
});