jQuery UI tabs disable tab navigation

jquery, tabs, user-interface

Solution

Have you tried setting the event option to something that isn't likely to be fired (if at all)?

For instance:

$('#tabs').tabs({ event: 'change' });

or

$('#tabs').tabs({ event: '' }); //probably better

Problem

I tried to disable tab navigation using ``` var $tabs = $("#tabs").tabs({ select: function(event, ui) { return false; } }); ``` However, this also disables the flow links I'm using for navigation: ``` $('input.nexttab').click(function() { var tab_num = $tabs.tabs('option', 'selected'); // error check this tab before proceeding if ( check_tab(tab_num) ) { $tabs.tabs('select', tab_num + 1 ); } }); ``` Ideally, I'd want to disable tab navigation for tabs to right of current tab, and ensure my <<prev and next>> tab navigation buttons always work. Any suggestions?

Original source