0

Tenho uma div class="modal-load" com um loader de contador que será mostrada quando o usuário finalizar um pagamento, mas preciso que esse contador inicie somente quando for adicionada a classe .ativo nela. Para isso, criei uma função no JS que roda esse load. Acredito que essa função deve ser rodada somente após a receber a classe informada.

Testei conforme abaixo:

$(document).ready(function() {
    if ($(".modal-load").hasClass('ativo')) {
        startLoader();
    }
});

Quando deixo a classe já inline e atualizo a página funciona perfeitamente. Porém, quando deixo pra adicionar a classe pelo console, nada feito!

4
  • Mas aí vc está testando se o modal-load tiver a classe ativo, mas, vc ainda não adicionou a classe ativo.
    – LeAndrade
    Commented 2/08/2018 às 18:52
  • @LeAndrade Preciso dizer que quando for adicionada a classe, ele roda a função. De que forma? Commented 2/08/2018 às 18:55
  • Qual evento que adiciona a classe? Nesse mesmo evento vc executa a função.
    – Sam
    Commented 2/08/2018 às 19:24
  • @sam pelo visto terei que fazer isso mesmo! Commented 2/08/2018 às 19:45

1 Resposta 1

0
$(document).ready(function() {
    $(".modal-load").addClass("ativo");   //adiciona a classe ativo

    if ($(".modal-load").hasClass('ativo')) {  //se foi adicionada executa o loader
        startLoader();
        console.log('Sucesso!');
    } else {
        console.log("Não tem classe ativo");
    }
});

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 .