ブートストラップナビタブ無効と有効

Question

ページが読み込まれたら、自分のタブを無効にする必要があります。 ユーザーが選択した後、そのタブを有効にして、そのタブをクリックしてシミュレートする必要があります。タブ

を無効 無効の場合、それは私のための仕事だが、私は、このタブでイベントクリックが何もしないではない私の「李」無効なクラスを削除すると...

<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クリックタブ

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

Answer 1

におけるkは次のようなものにしてみてください。

$(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()一つのパラメータのみ、削除する属性を取ります。 、

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