jquery - 如何检查 jquery UI 选项卡是否处于非活动状态

Question

我目前正在使用 jquery UI 选项卡我想检查一个选项卡当前是否处于非活动状态我检查了 wiki，我看到有启用和禁用选项，但那不起作用有什么我可以做的解决方法吗？

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

score 1 · Accepted Answer

尝试

 <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开始

score 0 · Accepted Answer

来自jQuery UI；

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

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

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

我希望这会帮助你。

score 0 · Accepted Answer

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

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

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

3 回答 3