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选项卡禁用

回答

相关问题