JQuery tabs not clickable

Question

I have a jQuery tab, it works fine, I want to make the tabs inactive , and this can be done by removing the href from the tags, but this will cause the tabs to fail, is there any way to remove the links from the tabs without crashing?

I will add the back and back buttons on each tab so that each user can move one tab. I want to do this as a master, but in the style of side tabs.

Note. . I have an idea to remove t20 from the tag on hover and put the href parameter, and the hat can be done using the toggle function, but I need your help for this any other ideas are welcome.

Answer 1

You can disable them:

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

Or you can remove the click event:

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

Demo

Answer 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/