Question

我需要在加载页面时禁用其中一个标签页。用户选择iten后，必须启用该选项卡并模拟对其的单击。残疾事件对我有用，但是当我删除禁用类时，我的“li”事件在此选项卡中单击并不执行任何操作...

<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');

启用并单击选项卡

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

Answer 1

.removeAttr()只接受一个参数，即要删除的属性。要添加和删除类，jQuery提供.addClass()和.removeClass()方法

参考：https://api.jquery.com/removeAttr/ https://api.jquery.com/removeClass/

为了使您的代码有效，请替换

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

与

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

Answer 2

尝试这样的事情。

@media (min-width: 480px) {/*bunch of rules go here */}

另请查看

＆＃13;

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

＆＃13;

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

＆＃13;

Bootstrap nav-tabs已禁用并已启用

2 个答案: