jQuery DataTables event preXhr.dt doesn't fire

Question

I need to include some data to to ajax request before request send. I set up event handler preXhr.dt but it doesn't fire by some reason

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

So no log data, event haven't fired.

HTML

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

@py3r3str ok, did $('.transactions_table').dataTable().on('preXhr',... not work either — Oleksandr IY
– Oleksandr IY, Commented Jul 17, 2015 at 12:26

davidkonrad · Accepted Answer · 2015-07-18 02:47:55Z

2

All events in dataTables is triggered directly on the <table> element itself (look for _fnCallbackFire in the source => $(settings.nTable).trigger( e, args )), thus you cannot catch the event on an arbitrary <a> element as you do above.

$('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){

works.

answered Jul 18, 2015 at 2:47

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery DataTables event preXhr.dt doesn't fire

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related