append link disabled and then enable it?

Question

I have a webcam link that I need to place on the page:

    $('#chattools').append('<a href="javascript:void(0)" 
onclick="javascript:webcam(\''+to+'\');">webcam</a>');

them problem is that I want to add this link disabled, that the user cannot click on it. after a condition I want to enable the click using another JS.

it can be done using jquery or js.

I tried to add disabled on href but nothing happens. any ideas how to do this?

use css [pointer events](https://css-tricks.com/almanac/properties/p/pointer-events/) property which can be added through jQuery — Rohit Kishore, Apr 21 '16 at 08:27
Possible duplicate of [How to disable HTML links](http://stackoverflow.com/questions/10276133/how-to-disable-html-links) — Aeldred, Apr 21 '16 at 08:28
If you don't want the user to be able to click it, why do you add the onclick action to it? Just add it after the condition when it should be enabled. And use `.click()` instead of inline JS. — JJJ, Apr 21 '16 at 08:30
Disabled is not work for anchor links. its worked for input fields only — krishna, Apr 21 '16 at 08:39
the pointer events did the work well! thank you friends! @PsycoKillers — RGS, Apr 21 '16 at 08:41

score 1 · Answer 1 · answered Apr 21 '16 at 08:44

disabled='disabled' is not working on anchor tags , its supported in old versions only. Please refer below link.

http://techniblogic.com/how-to-disable-anchor-tag-href-links-by-html-css-javascript/#

you can use below syntax

onclick="return false"

score 1 · Answer 2 · answered Apr 21 '16 at 08:45

1

use css pointer events property which can be added through jQuery!

answered Apr 21 '16 at 08:45

Rohit Kishore

542
5
17

append link disabled and then enable it?

2 Answers2