How to disable jquery ui button (when <a> tag turn to button)

Question

I use Jquery UI 1.9.2 to convert an <a> tag into a button.
But disabling newly created button only affect appearance(good) and mouse click still works(bad).
I'm using firefox 32.
Here is my snippet:

<a href="#" onclick="alert('hi');">click me if enabled</a>
<script>
    $('a').button({disabled:true});
</script>

Is this behavior related to nature of <a> tag and cannot be addressed by jquery UI tools and options?
How can i suppress onClick anyway?

instead of the onclick attribute use jQuery event handlers - jsfiddle.net/arunpjohny/h2085ycd/1 — Arun P Johny
– Arun P Johny, Commented Sep 29, 2015 at 11:08
Perhaps, this link can help you. http://stackoverflow.com/questions/19006299/jquery-disable-and-enable-an-anchor-tag-based-on-condition — A J
– A J, Commented Sep 29, 2015 at 11:09

Niki van Stein · Accepted Answer · 2015-09-29 11:10:38Z

1

Yes, this only works for <button> elements.

See my jsfiddle here: http://jsfiddle.net/xBB5x/9544/

You have to remove the onclick for the a to stop working like:

$("a").attr('onclick', '')

http://jsfiddle.net/xBB5x/9545/

edited Sep 29, 2015 at 11:10

answered Sep 29, 2015 at 11:08

Niki van Stein

10.8k3 gold badges33 silver badges63 bronze badges

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

1 Comment

Rzassar Over a year ago

Yes i know. but assume for some reason i have to use <a> tag

Collectives™ on Stack Overflow

How to disable jquery ui button (when <a> tag turn to button)

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related