Bootstrap导航标签已禁用并启用

Question

我需要在加载页面时禁用我的标签之一。 用户选择一个iten后，必须启用该选项卡并模拟点击它。 禁用的情况下这是为我工作，但是当我删除禁用类，我的“礼”在这个选项卡中单击事件什么也不做......

<ul id="tab-principal" class="nav nav-tabs nav-justified" role="tablist"> 
 
    <li class="active" id="navPesquisa"><a data-target="#divPesquisa" data-toggle="tab">Pesquisa</a></li> 
 
    <li role="presentation" id="navDadosDocumento"><a href="#divDetalhes" aria-controls="divDetalhes" role="tab" data-toggle="tab">Dados do Documento</a></li> 
 
</ul>

禁用标签

// Desabilita a aba de dados do aço interno 
 
$('#navDadosDocumento').attr('class', 'disabled');

启用和CLIC K的标签

$('#navDadosDocumento').removeAttr('class', 'disabled'); 
 
$('a[href="#divDetalhes"]').trigger('click');

Answer 1

尝试这样的事情。

$(document).ready(function() { 
    $('#navDadosDocumento').attr('class', 'disabled'); 
    }); 
    $("#divDetalhes").click(function() { 
    $('#navDadosDocumento').removeAttr('class', 'disabled'); 
    $('a[href="#divDetalhes"]').trigger('click'); 
    }); 

也检查这里

$(document).ready(function() { 
 
    $('#navDadosDocumento').attr('class', 'disabled'); 
 
}); 
 
$("#divDetalhes").click(function() { 
 
    $('#navDadosDocumento').removeAttr('class', 'disabled'); 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
    <!-- jQuery library --> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
    <!-- Latest compiled JavaScript --> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<ul id="tab-principal" class="nav nav-tabs nav-justified" role="tablist"> 
 
    <li class="active" id="navPesquisa"><a data-target="#divPesquisa" data-toggle="tab">Pesquisa</a></li> 
 
    <li role="presentation" id="navDadosDocumento"><a href="#divDetalhes" aria-controls="divDetalhes" role="tab" data-toggle="tab">Dados do Documento</a></li> 
 
</ul>

Answer 2

.removeAttr()仅采用一个参数，要移除的属性。 添加和删除类，jQuery提供.addClass()和.removeClass()方法

编号：https://api.jquery.com/removeAttr/ https://api.jquery.com/removeClass/

因此，为了使你的代码的工作，取代

$('#navDadosDocumento').removeAttr('class', 'disabled'); 

与

$('#navDadosDocumento').removeClass('disabled');