动态按钮即使使用.on方法也无法触发其他元素的事件，即使使用datatables。

解决这个问题的方法是使用事件委托（event delegation），通过将事件绑定在包含这些动态按钮的父级元素上，从而可以触发其他元素的事件。

下面是一个示例代码：

HTML:

<div id="buttons-container">
  <button class="dynamic-button">按钮1</button>
  <button class="dynamic-button">按钮2</button>
  <button class="dynamic-button">按钮3</button>
</div>

JavaScript:

// 使用事件委托，将事件绑定在父级元素上
$('#buttons-container').on('click', '.dynamic-button', function() {
  // 在这里处理按钮点击事件的逻辑
  console.log('按钮被点击了');
});

// 示例代码中使用了jQuery库，如果你不使用jQuery，可以使用原生JavaScript来实现事件委托，例如：
// document.getElementById('buttons-container').addEventListener('click', function(event) {
//   if (event.target.classList.contains('dynamic-button')) {
//     console.log('按钮被点击了');
//   }
// });

这样，即使动态添加了新的按钮，也可以触发按钮点击事件，并且不受动态添加元素的影响。