Rzassar
Rzassar

Reputation: 2282

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

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?

Upvotes: 0

Views: 24

Answers (1)

Niki van Stein
Niki van Stein

Reputation: 10724

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/

Upvotes: 1

Related Questions