Disabling click events on 'disabled' pagination in Datatables?

Question

I'm trying to disable click events on 'disabled' pagination buttons in Datatables.

I've been trying to do so like with this code

$('.dataTables_paginate span.ui-state-disabled').click(function(){return false;});

But that only works on the worded navigation (i.e., Next, Previous, First, Last) and not the numbering. I've tried targeting it a dozen different ways, to no avail. Is there something in the datatables API that I'm missing, or does anyone out there have another idea how to disable this? The disable class is applied dynamically through datatables.

If you have a minute, please help -- this is driving me crazy!

they should be disabled by default and unclickable unless there's another page it can navigate to.. Can you make an example on jsfiddle.net? — wirey00
– wirey00, Commented Sep 28, 2012 at 14:58

SMPLYJR · Accepted Answer · 2016-12-22 06:07:42Z

3

Too late to participate but for the others I solve this issue using CSS only

a.paginate_button.current {
    pointer-events: none;
}

Hope it helps

answered Dec 22, 2016 at 6:07

SMPLYJR

8841 gold badge11 silver badges25 bronze badges

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

Comments

Renan Cunha · Accepted Answer · 2012-09-28 14:45:02Z

0

The problem is that the datatable api probably have a click listener for paginations buttons and they will be executed before yours scripts.

BUT: if your intention is to stop the default event of the click, try that:

$('.dataTables_paginate span.ui-state-disabled').click(function(e){
     e.preventDefault();
});

answered Sep 28, 2012 at 14:45

Renan Cunha

3091 gold badge3 silver badges9 bronze badges

2 Comments

streetlight Over a year ago

Is there a way to override these? preventDefault(), stopPropagation() and the like don't seem to work.

Renan Cunha Over a year ago

If you have access to the datatable scripts you can change the default behavior.

thingEvery · Accepted Answer · 2012-09-28 14:45:52Z

0

Try adding e.preventDefault(); to your click function.

answered Sep 28, 2012 at 14:45

thingEvery

3,3691 gold badge21 silver badges25 bronze badges

Collectives™ on Stack Overflow

Disabling click events on 'disabled' pagination in Datatables?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related