禁用特定选项卡

Question

我需要禁用第二个选项卡，但我不知道该怎么做。

对于 jquery-ui 我们可以使用 disabled: [1] 但我不知道这是否适用于我的演示，如果可行，如何操作。感谢帮助

Answer 1

我做了一些改动。在选项卡 2 的 <li> 中添加了 "disabled" class 并更改了您的 jQuery to use .on。它现在还过滤掉 .current 和 .disabled classes.

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();

})

Link 这里：jsFiddle

禁用特定选项卡

Disable a specific tab

jquery

tabs