jQuery选项卡：如何禁用切换到特定选项卡？

Question

我正在使用 jQuery标签。

某些标签需要用户输入。

一旦用户切换到另一个选项卡，就会验证这些输入值。

现在我的问题是：

只要这些输入值错误，我怎样才能阻止显示任何其他标签？

$("#tab").bind('tabsselect', function(){

   if ( ... )
   {
       alert ( 'Please fill all required fields before proceeding' );

      /*         
            What code do I have to place here to prevent displaying this tab?
      */

    }   

})

感谢您的时间

Answer 1

您需要做的就是从函数返回false，这将阻止选择选项卡。请参阅example，了解如何防止在jQuery站点上表单验证失败时选项卡选择。

Answer 2

您可以使用UI标签选项禁用标签。然后它们变灰了，不可点击。

$('.selector').tabs('option', 'disabled', [1, 2]);

因此，您只需禁用不是所选标签的所有其他标签。但这意味着，您必须在用户单击选项卡之前验证表单。