0

Estou tentando fazer um <a href> não chamar um modal do Bootstrap.

<div class="row">
  <div class="col-md-6">
    <div class="form-group">
      <div class="md-checkbox-list has-feedback" id="divTermosContrato">
        <div class="md-checkbox">
          <input type="checkbox" id="chkTermosContrato" name="chkTermosContrato" value="1" class="md-check" disabled="disabled">
          <label for="chkTermosContrato">
             <span></span>
             <span class="check"></span>
             <span class="box"></span> <a data-toggle="modal" data-target="#termosContrato" disabled="disabled" tabindex="-1" class="disabled-link">Aceito os termos</a> </label>

        </div>
      </div>
      <span class="erroTermos help-block"> </span>
    </div>
  </div>
  </div

Esse código chama um modal, como desabilitá-lo para que não chame modal ao carregar da página?

10
  • Parece que tem um data-toggle="modal" no seu link a, tente remover ele e vê se funciona Commented 7/08/2017 às 18:16
  • mas eu preciso chamar esse modal posteriormente, só preciso desabilita-lo Commented 7/08/2017 às 18:17
  • Você não pode simplesmente remover o data-target por hora e depois colocalo de volta? Commented 7/08/2017 às 18:19
  • Como fazer isso no Jquery? Commented 7/08/2017 às 18:20
  • É um código que você não tem acesso? Você ta querendo algum tipo de hack para o link não funcionar por hora então? Commented 7/08/2017 às 18:22

1 Resposta 1

0

O que acontece é que o elemento de ancora - <a /> - não possui o atributo disabled, mas o elemento <button /> possui este atributo.

Logo, é só trocar o elemento:

<a data-toggle="modal" data-target="#termosContrato" disabled="disabled" tabindex="-1" class="disabled-link">Aceito os termos</a>

Por:

 <button data-toggle="modal" data-target="#termosContrato" disabled="disabled" tabindex="-1" class="disabled-link">Aceito os termos</button>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .