javascript - Disable click if class ="X", jQuery - Stack Overflow

Im trying to build a tabbed content box, and im wondering if its possible that i can disable 1 link with a specific class, such as 'disabled'

I read somewhere about a function called preventDefault, would this work?

/

Im trying to build a tabbed content box, and im wondering if its possible that i can disable 1 link with a specific class, such as 'disabled'

I read somewhere about a function called preventDefault, would this work?

http://jsfiddle/Ssr5W/

• javascript
• jquery

Share Improve this question Follow asked Jan 27, 2012 at 10:39 LiamLiam 9,8554040 gold badges114114 silver badges214214 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

You can disable click event by returning false. like,

$('#tabmenu a').click(function() {
    return !$(this).hasClass('disabled');
});

Also, I've updated your fiddle: http://jsfiddle/Ssr5W/1/

---

EDITED

and of course, preventDefault would work :)

$('#tabmenu a').click(function(e) {
    if($(this).hasClass('disabled'))
        e.preventDefault();
});

fiddle: http://jsfiddle/Ssr5W/2/

$('.disabled').click(function(e) {
    e.preventDefault() ;
}) ;

You can just check for the class on the element that was clicked on:

$('tabElement').click(function(){
    if(this.hasClass('disabled'))
        return;
    //Your code here..
);

This won't interfere with other clikc-handlers you may have on your tab element