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>

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
– ZZ-bb, Commented Apr 28, 2015 at 12:13

Pudd · Accepted Answer · 2015-04-28 12:27:03Z

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, 2015 at 12:27

answered Apr 28, 2015 at 12:00

Pudd

4473 silver badges13 bronze badges

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

1 Comment

user4227915 Over a year ago

you can just use: $("a.lookUpClick").on("click", false); ... +1 for nice idea... here is a live example: jsfiddle.net/oeppsk4n

Community · Accepted Answer · 2017-05-23 12:14:43Z

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, 2017 at 12:14

CommunityBot

11 silver badge

answered Apr 28, 2015 at 12:02

Pirozek

1,2804 gold badges16 silver badges26 bronze badges

Comments

madalinivascu · Accepted Answer · 2015-04-28 12:06:36Z

1

Try:

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

edited Apr 28, 2015 at 12:06

answered Apr 28, 2015 at 11:59

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

1 Comment

Ash Burlaczenko Over a year ago

That prevents the link from being enabled.

Mike Hamilton · Accepted Answer · 2015-04-28 12:06:27Z

0

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:;');

answered Apr 28, 2015 at 12:06

Mike Hamilton

1,5651 gold badge16 silver badges24 bronze badges

Collectives™ on Stack Overflow

how to disable anchor tag's in jquery?

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related