javascript - jQuery DataTables 事件 preXhr.dt 不会触发

Question

我需要在发送请求之前将一些数据包含到 ajax 请求中。我设置了事件处理程序 preXhr.dt 但由于某种原因它没有触发

$('.js-paging').on('preXhr.dt', function(e, settings, data){
    console.log(settings, data)
})

所以没有日志数据，事件还没有触发。

HTML

<span class="previous paginate_button">
    <a class="link js-paging" href="#">Previous</a>
</span>

Answer 1

dataTables 中的所有事件都直接在<table> 上触发元素本身(在源代码中查找 _fnCallbackFire => $(settings.nTable).trigger( e, args ) )，因此您无法在任意 <a> 上捕获事件元素，就像你上面做的那样。

$('table').on('preXhr.dt', function(e, settings, data){

$('#<table-id>').on('preXhr.dt', function(e, settings, data){

$('.<table-class>').on('preXhr.dt', function(e, settings, data){

有效。