how to disable anchor tag's in jquery?

Question

i need to disable the anchor tag below.. am using this coding :( but it doesn't help me

jquery:-

$("a.lookupclick").addClass("viewDisabled");
$(".DeleteRow").addClass("viewDisabled");
$(".viewDisabled").prop('disabled', true);

or

$(".lookupclick").attr("disabled","disabled");

it works sometimes ,but most of the times it didn't works.. Y? how to prevent to click th

HTML :-

<div class="panel1">
  <a tabindex="1" disabled="" class="lookupclick" id="departmentpopup" href="#lookupform" >
     <img class="ImgSearch1" alt="Search" src="/Images/.jpg">
  </a>
</div>

http://stackoverflow.com/questions/10276133/how-to-disable-html-links The CSS way is great in the most upvoted answer. jQuery's `addClass()` and `removeClass()` can be used when needed. CSS: `.disabled{cursor:not-allowed;} `.disabled > a{pointer-events:none;}` — ZZ-bb, Apr 28 '15 at 12:13

Pudd · Answer 1 · 2015-04-28T12:27:03.460

3

You could do:

$("a.lookUpClick").on("click", false);

And then:

$("a.lookUpClick").off("click");

to reactivate them.

Thank you Washington Guedes for the suggested 'golfing'!

edited Apr 28 '15 at 12:27

answered Apr 28 '15 at 12:00

Pudd

449
3
13

1

you can just use: _$("a.lookUpClick").on("click", false);_ ... +1 for nice idea... here is a live example: _http://jsfiddle.net/oeppsk4n/_ – Apr 28 '15 at 12:15

madalinivascu · Answer 2 · 2015-04-28T12:06:36.247

1

Try:

$("a.lookupclick").attr('href','');

edited Apr 28 '15 at 12:06

answered Apr 28 '15 at 11:59

madalinivascu

32,064
4
39
55

That prevents the link from being enabled. – Ash Burlaczenko Apr 28 '15 at 12:04

score 1 · Answer 3 · edited May 23 '17 at 12:14

1

You can just prevent default function of the link:

$('a.lookupclick').click(function(e)
{
   e.preventDefault();
});

If you want to know the difference between return false and preventDefault take a look at this question - event.preventDefault() vs. return false

edited May 23 '17 at 12:14

Community

1
1

answered Apr 28 '15 at 12:02

Pirozek

1,250
4
16
25

score 0 · Answer 4 · answered Apr 28 '15 at 12:06

You can do this a couple of ways. You could listen for click events on the link and use the preventDefault() method to stop the event.

$('a.lookupclick').click(function(event){
    event.preventDefault();
});

Another option is that you can make the href attribute of the links javascript:; which will cause the links to be clickable but not do anything. If you need to do this with jQuery you could do it as such:

$('a.lookupclick').attr('href','javascript:;');

how to disable anchor tag's in jquery?

4 Answers4

Linked