jQuery Tabs not clickable

Question

I have jQuery tab, it works perfectly, I want to make the tabs to not be clickable and that can be done by removing href from a tags but this will cause the tabs to crash, is there a way to remove links from the tabs without causing a crash?

I will add next and back buttons on each tab so user can move one tab each time. I want to make it as wizard but in the side-tabs style.

Note: I have an idea, to remove href from a tag when mouse over and put the href parameter and hat can be done by using toggle function, but I need your help to do that, any other ideas are welcome.

Didier Ghys · Accepted Answer · 2012-01-26 09:45:50Z

4

You can either disable them:

$('#tabs').tabs({
    disabled: [0,1,2,3]
});

Or you could remove the click event:

$('#tabs')
    .tabs()
    .find('.ui-tabs-nav a')
        .unbind('click.tabs');

DEMO

answered Jan 26, 2012 at 9:45

Didier Ghys

30.6k9 gold badges77 silver badges82 bronze badges

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

1 Comment

Ya Basha Over a year ago

thank you guys (Didier and Johan) for your help, I really appreciate that.

Johan · Accepted Answer · 2012-01-26 09:41:06Z

2

Disable them?

$(".tabs").tabs({
    disabled: [2]  //disable third tab. you can pass an array of indexes here like [0,1,2,3,4]
});

Fiddle: http://jsfiddle.net/WqPtr/5/

answered Jan 26, 2012 at 9:41

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Collectives™ on Stack Overflow

jQuery Tabs not clickable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related