javascript - 在 Bootstrap 中禁用选项卡

Question

我正在尝试禁用 Bootstrap 中的选项卡。我一直在研究，但我还没有找到解决方案。

我试过这个:Can you disable tabs in Bootstrap?它导致我遇到 Bootstrap 问题...我也尝试了 $('.disabled').removeData('toggle');

我看了这里.. https://github.com/twitter/bootstrap/issues/2764解决方案尝试:- 返回错误

jQuery disable a link解决方案尝试:- event.defaultPrevented();

但我还没有想出答案。到目前为止，我的问题是该选项卡将通过返回 false 来禁用。但是，当标签处于事件状态并可以单击时，它不会像应有的那样过渡到其他选项卡。

jsfiddle:http://jsfiddle.net/de8QK/

这是我的代码:

$(document).ready(function(){

$('#store-tab').attr('class', 'disabled');
$('#bank-tab').attr('class', 'disabled active');

$('#store-tab').not('#store-tab.disabled').click(function(event){
    $('#store-tab').attr('class', 'active');
    $('#bank-tab').attr('class', '');
    return true;
});
$('#bank-tab').not('#bank-tab.disabled').click(function(event){
    $('#bank-tab').attr('class' ,'active');
    $('#store-tab').attr('class', '');
    return true;
});

$('#store-tab').click(function(event){return false;});
$('#bank-tab').click(function(event){return false;});

$('.selectKid').click(function(event){
    $('.checkbox').removeAttr("disabled");
    $('#bank-tab').attr('class', 'active');
    $('#store-tab').attr('class', '');
});
});

Answer 1

HTML: 只添加禁用的类

JQUERY:

$(".disabled").click(function (e) {
        e.preventDefault();
        return false;
});