0

我有一个单选按钮组,如下所示:

<div class="btn-group" data-toggle="buttons-radio">
    <a href="#1" class="btn btn-primary btn-andares" data-toggle="tab">1º Andar</a>             
    <a href="#2" class="btn btn-primary btn-andares active" data-toggle="tab">2º Andar</a>                  
    <a href="#3" class="btn btn-primary btn-andares" data-toggle="tab">3º Andar</a>                 
</div>

当我单击任何按钮时,将为我显示当前图像。问题是,当我单击一个已经切换的按钮时,会重新加载当前图像。如何禁用或阻止用户单击已选择的按钮?

我试着用这个:

$('.btn-andares').click(function(e) {
        if($(this).is(':checked')) {
            alert("already checked");
        }
    });

但它不起作用..我还能做什么?

4

1 回答 1

1

返回假:

$('btn-group').on('click', '.btn-andares', function(e) {
    return !$(this).hasClass('active');
});
于 2013-03-11T00:08:51.463 回答