Disable link in jQuery paging menu

Question

I have a paging plugin made in jQuery.
What I can’t do is when I’m on the last page, the link that gives access to the next page is disabled and the user can’t click anymore. Similarly the button gives access to the previous page. I’ve already followed some tips, how to insert "disable" but it doesn’t work. Add the "little hand" in the link but you can still click. The following method was created to customize the two links

function tagNextPrev() {
        if($nav_panels.children('.last').hasClass('active_page')){
            $nav_panels.children('.next_link').add('.last_link').removeClass('.next_link').addClass('no_more');
        } else {
            $nav_panels.children('.no_more').add('.last_link').removeClass('no_more');  
        }

        if($nav_panels.children('.first').hasClass('active_page')){
            $nav_panels.children('.previous_link').add('.first_link').addClass('no_more');
        } else {
            $nav_panels.children('.previous_link').add('.first_link').removeClass('no_more');
        }
    }

Answer 1

You can use Pointer-Events to prevent clicking on the elements that have this class. So in your class use:

.no_more{
    pointer-events: none;
}

You can read about more variants here, but I think CSS is the best, even if it only works in more modern browsers: How to prevent a click on a link/anchor or tied event element