负载

Question

禁用jQuery UI的标签我现在有这样的代码：

$(".feature-tabs").tabs( 
{ collapsible: true, fx: [{opacity:'toggle', duration:'slow', height: 'toggle'}, // hide option 
{opacity:'toggle', duration:'slow', height: 'toggle'}]}); // show option 

，我想设置的选项卡页面加载时，但我有麻烦，它被禁用。我已经尝试添加禁用：真正的选项，但不能得到它的工作。

难道有人请告诉我正确的方法吗？感谢您的帮助

编辑：标签的HTML：

<div class="feature-tabs" id="tabs-set"> 
    <ul> 
     <li><a href="#tabs-1" id="tab1">How does it<br/>work?</a></li> 
     <li><a href="#tabs-2" id="tab2">Heating Start<br/>Time</a></li> 
     <li><a href="#tabs-3" id="tab3">Turning on<br/>the boiler</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>test</p> 
     </div> 
    <div id="tabs-2"> 
     <p>test2</p>   
       </div> 
    <div id="tabs-3"> 
     <p>test3</p> 
     </div> 
</div> 

Answer 1

您应该使用

disabled: [1, 2] 

其中阵列的数量将被禁止（从0开始），这样的标签该禁用第二个和第三个选项卡

编辑你的情况使用

$(".feature-tabs").tabs({ 
    disabled: [0, 1, 2], 
    collapsible: true, 
    fx: [{ 
     opacity: 'toggle', 
     duration: 'slow', 
     height: 'toggle'}, // hide option 
     {opacity: 'toggle', 
     duration: 'slow', 
     height: 'toggle'}] 
}); // show option 

小提琴这里http://jsfiddle.net/WqPtr/

Answer 2

见你尝试禁用这样的JQuery UI Site

$(".selector").tabs({ disabled: [1, 2] }); 

Answer 3

您需要设置残疾人值为每个选项卡的索引来禁用一个数组给出每个选项卡 - 中标签是零索引。

有关更多详细信息，请阅读http://jqueryui.com/demos/tabs的选项选项卡。