jquery UI選項卡禁用

我正在使用jQuery UI選項卡，我想禁用選項卡。爲此，我已經爲HTML和Jquery設置了我的選項卡，如下所述。選項卡控件工作正常，但不會禁用選項卡。jquery UI選項卡禁用

<div class="tabs-container h-tabs"> 
<ul class="tabs"> 
    <li><a href="#">tab 1</a></li> 
    <li><a href="#">tab 2</a></li> 
    <li><a href="#">tab 3</a></li> 
</ul> 

<div class="tab-content"> 
    <div>Tab 1</div> 
    <div>Tab 2</div> 
    <div>Tab 3</div> 
</div> 
</div> 
<script type="text/javascript"> 
    (function() { 
     $(".tabs-container ul.tabs").tabs("div.tab-content > div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: false, initialIndex: 1 }); 


     // DISABLE THE TABS 
     $(".tabs-container ul.tabs").tabs("option","disable", [1,2,3]); // IT DOESN'T WORK!!! 

    })(); 
</script>

來源

2013-09-29 BrilliantBrains

好吧，其中是帶有類標籤容器在您的HTML元素？ –

@NishadNichoos哦，對不起，我已經添加了它。 – BrilliantBrains

明白了。嘗試下面的代碼。它應該是「禁用」，而不是「禁用」，並且這些索引是從零開始的：

$(".tabs-container ul.tabs").tabs("option","disabled", [0, 1,2]);

來源

2013-09-29 17:53:45 Rajesh

是的，它的作品！ – BrilliantBrains

Hi @Rajesh。你能否刪除你的其他答案，將來只要對原始帖子進行編輯，除非它是完全不同的答案！只是凌亂了該網站:) –

刪除其他答案。謝謝！ :) – Rajesh

林」不知道你的HTML，如果你想關閉所有標籤與此

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">tab 1</a></li> 
    <li><a href="#tabs-2">tab 2</a></li> 
    <li><a href="#tabs-3">tab 3</a></li> 
    </ul> 
    <div id="tabs-1"> 
    Content tab1 
    </div> 
    <div id="tabs-2"> 
    Content tab2 
    </div> 
    <div id="tabs-3"> 
    Content tab3 
    </div> 
</div>

更換你的HTML，試試這個代碼

$(".tabs").tabs("disable");

禁用（）

禁用ll標籤。此方法不接受任何參數。

來源

2013-09-29 17:47:47

是的，它也適用！ – BrilliantBrains

好！通過解決你的帖子:)。 –

jquery UI選項卡禁用

回答

相關問題