停用特定标签

时间:2015-08-23 19:00:38

标签: jquery tabs

请查看http://jsfiddle.net/Adyyda/uyxrqhex/

我需要禁用第二个标签,我不知道该怎么做。

对于jquery-ui,我们可以使用disabled: [1],但我不知道这是否适用于我的演示,如果能够工作,怎么做。谢谢你的帮助

1 个答案:

答案 0 :(得分:2)

我做了一些改变。向标签2的<li>添加了“已停用”类,并更改了您的jQuery to use .on。它现在还会过滤掉.current .disabled类。

列表的HTML

<ul class="tabs">
    <li class="current">Tab 1</li>
    <li class="disabled">Tab 2</li>
    <li>Tab 3</li>
    <li>Tab 4</li>
</ul>

<强>的jQuery

$('ul.tabs').on('click', 'li:not(.current, .disabled)', function() {
 $(this).addClass('current').siblings().removeClass('current')
   .parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();

})

此处链接:jsFiddle