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