JQuery的禁用标签3时，点击选项卡？

Question

我是新来这个论坛所以首先让我说提供了这样一个伟大的网站一大您好，谢谢！

我是新来的JQuery，但我喜欢它，我在后台的一些JQuery的标签做平常列表/编辑/创建的东西。

我已成功地设置编辑选项卡查看列表选项卡时（因为你需要slect列表项编辑）以deisabled并点击列表项的编辑图标，当它被启用。

我的问题是，如果我再单击第三个选项卡我怎么点击数禁用第二个标签？

这是我的标准标签的代码...

$(function() 
     { 
     $("#tabs").tabs({disabled: [2]}); 

     $("#tabs").tabs();  
     } 
    ); 

HTML：

<div class="demo"> 

<div id="tabs"> 
    <ul> 
     <li><wont let me post 3 links>Jobs</a></li> 
     <li><a href="#tabs-2">Create Job</a></li> 
     <li><a href="#tabs-3">Edit Job</a></li> 
    </ul> 
    <div id="tabs-1" style="background-color: #fff"> 

     Include... 

    </div> 
    <div id="tabs-2" style="background-color: #fff"> 

     Include... 

    </div> 
    <div id="tabs-3" style="background-color: #fff"> 

     Include... 

    </div> 
</div> 

感谢

Answer 1

首先你HTML是不正确的，因此插件不initialiaze好。第一个选项卡按钮链接不正确：

<li><wont let me post 3 links>Jobs</a></li> 

应该

<li><a href="#tabs-1">Jobs</a></li> 

然后要初始化插件两次，只能做一次。
在show事件处理程序，启用/根据显示的实际标签禁用标签：

$(function() 
{ 
    $("#tabs").tabs({ 
     //disabled: [2], 
     show: function(event, ui) { 
      if (ui.index === 0) { 
       $('#tabs').tabs('enable', 1); 
       $('#tabs').tabs('enable', 2); 
      } else { 
       $('#tabs').tabs('disable', ui.index === 1 ? 2 : ui.index === 2 ? 1 : -1); 
      } 
     } 
    }); 

    /*$("#tabs").tabs();  
    }*/ 
); 

这里是jsfiddle