相关疑难解决方法(0)

你可以在Bootstrap中禁用选项卡吗?

您是否可以禁用Bootstrap 2.0中的选项卡,就像您可以禁用按钮一样?

javascript css twitter-bootstrap twitter-bootstrap-2

131
推荐指数
9
解决办法
15万
查看次数

在Bootstrap中禁用选项卡

我试图在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', '');
});
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap jquery-events

8
推荐指数
2
解决办法
4万
查看次数