在Bootstrap中禁用选项卡

Question

我试图在bootstrap中禁用选项卡.我一直在研究,我还没有找到解决方案.

我试过这个:你能在Bootstrap中禁用标签吗？ 它引导我去引导问题......我也试过了$('.disabled').removeData('toggle');

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

jQuery禁用链接 解决方案尝试: -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;
});

Answer 2

这是解决方案.似乎bootstrap不喜欢你手动更改活动标签.

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

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

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