代码之家 › 专栏 › 技术社区 › jantimon

jQuery选项卡:如何禁止切换到特定选项卡?

jquery-tabs jquery jquery-ui javascript

1

jantimon · 技术社区 · 15 年前

我正在使用 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?
      */

    }   

})

谢谢你抽出时间

2 回复 | 直到 15 年前

1

2

tvanfosson 15 年前

您所需要做的就是从函数返回false,它将阻止选择选项卡。见 example

2

1

Daff 15 年前

您可以使用UI选项卡选项禁用选项卡。然后它们变灰,不可单击。

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

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