jquery - 如何获取禁用选项卡索引的数组

Question

我已禁用 jquery 选项卡的选项卡。我正在使用jquery-ui-1.10.3.custom.min.js和jquery-1.9.1.js。我想来回遍历可见的选项卡。但它指向禁用的选项卡。我有两个按钮 next 和 previous ，它们在 onclick 上执行如下调用功能。我按照这个使用下面的代码

 function OnNextButtonClick()
             {
              var index= $('#ui-tabs').tabs("option", "active");
              var size=$('#ui-tabs >ul >li').size();
                for(var i=index+1;i<size;i++){

                   if(isDisabled(i))
                   {
                      continue;
                   }else{
                    $('#ui-tabs').tabs('option', 'active',i);
                    break;
                   }
                   }                 
             }
function OnPrevButtonClick()
             {
              var index=$('#ui-tabs').tabs("option", "active");

                for(var i=index-1;i>=0;i--){

                   if(isDisabled(i))
                   {
                  continue;
                   }else{
                    $('#ui-tabs').tabs('option', 'active',i);
                    break;
                   }
                }      
             }

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

但这对我不起作用，函数isDisabled给了我错误的结果。如何获取禁用选项卡索引的列表/数组。请协助。

Answer 1

您在方法中使用了错误的选项卡元素 id(tabs而不是ui-tabs)isDisabled

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

演示：小提琴