How do you make an anchor link non-clickable or disabled?

Question

I have an anchor link that I want to disable once the user clicks on it. Or, remove the anchor tag from around the text, but definitely keep the text.

Answer 1

$('a').removeAttr('href')

or

$('a').click(function(){ return false})

It depends on situation

Answer 2

This is the method I used to disable.Hope it helps.

$("#ThisLink").attr("href","javascript:;");

Answer 3

Simply in SASS:

.some_class{
     // styles...

     &.active {
       pointer-events:none;
     }
}

Answer 4

$('#ThisLink').one('click',function(){
  $(this).bind('click',function(){
    return false;
  });
});

This would be another way to do this, the handler with return false, which will disable the link, will be added after one click.

Answer 5

Just remove the href attribute from the anchor tag.

Answer 6

Add a css class:

.disable_a_href{
    pointer-events: none;
}

Add this jquery:

$("#ThisLink").addClass("disable_a_href");