Question

我目前正在使用jquery UI Tabs我想检查一个Tab当前是否处于非活动状态我检查了wiki并且我看到有启用和禁用选项但是没有用是否有任何解决方法我可以做什么？

   <script type='text/javascript'>
     if($("#Tabs").inactive){
        // do something
         }
    </script>

Answer 1

尝试

 <script type="text/javascript">
  $(document).ready(function() {
      $( "#tabs" ).tabs( "option", "disabled", 2);
  });
</script>

或多次禁用

 <script type="text/javascript">
  $(document).ready(function() {
      $( "#tabs" ).tabs('option','disabled', [1, 2, 3, 4]);
  });
</script>

而不是

<script type="text/javascript">
  $(document).ready(function() {
      $( "#tabs" ).tabs( "option", "disabled", [2]);
  });
</script>

启用标签并移至使用

 $( "#tabs" ).tabs( "enable" , 1 )
  $( "#tabs" ).tabs( "select" , 1 )

*计数从0开始

Answer 2

来自jquery UI;

初始化后获取或设置活动选项：

// getter
var active = $( ".selector" ).tabs( "option", "active" );

// setter
$( ".selector" ).tabs( "option", "active", 1 );

我希望这会帮助你。

Answer 3

jquery UI没有该方法，但您可以实现自己的方法。像这样：

disabled选项返回已禁用选项卡的索引数组，因此检查一个禁用标签是否如下所示：

function isDisabled(index) {
  return $.inArray(index, $("#tabs").tabs("option", "disabled")) > -1;
}