If you're using jQuery UI, you can do it by calling the .button() method with the following line:
- $('a').button('option', 'disabled', true);
Otherwise, if you are not using jQuery UI, then you can set some CSS properties such a background, text color, and putting in a different image to give the appearance of being disabled.
- $('a > img').attr('src', 'http://site.com/yourdisabledimg.jpg');
Set .css('cursor', 'default') on the mouseover event to not show the hand cursor.
Or do it purely in css by setting
- a:hover {cursor: default;}