1

Estou tentando inserir o seguinte código nesta página para poder alterar o texto que aparece quando o cliente se inscreve no newsletter da modal, que aparece quando o cliente está prestes a sair da página:

$(document).ready(function(){
    $('#btn-cadastre').on("click", function() {
        $('#modal_body_popup.modal-body-center .content-popup .newsletter-send').html('<i class="fa fa-check-circle"></i> Cadastro realizado com sucesso. Compre qualquer produto, seu cupom da <strong>Corda de Pular</strong> está garantido até o final da compra.');
    });
});

Infelizmente, não sei por qual motivo, não está dando certo. Já tentei de várias formas e nada. Gostaria de uma ajuda pra poder resolver isso :)

PS.: estou usando o Tampermonkey v4.5 para fazer os testes.

1 Resposta 1

1

Primeiro eu colocaria um alert dentro da função de click para verificar se está realmente entrando na função.

$(document).ready(function(){
    $('#btn-cadastre').on("click", function() {
        alert("Entrou");
    });
});

Se estiver entrando na função é necessário checar se o seletor está correto. No seu caso tem o #modal_body_popup.modal-body-center que é pai de .content-popup que é pai de .newsletter-send (não necessariamente de 1º grau)

Se não estiver entrando na função e o seletor #btn-cadastre estiver mesmo correto talvez #btn-cadastre seja um item que foi inserido na página via javascript após a criação da sua função do click. Nesse caso uma das soluções é utilizar o "$(document).on":

$(document).ready(function(){
    $(document).on("click","#btn-cadastre", function() {
        $('#modal_body_popup.modal-body-center .content-popup .newsletter-send').html('<i class="fa fa-check-circle"></i> Cadastro realizado com sucesso. Compre qualquer produto, seu cupom da <strong>Corda de Pular</strong> está garantido até o final da compra.');
    });
});
6
  • Eu fiz os testes se estava entrando na função, e não está. Infelizmente não tenho conhecimento avançado de jQuery para poder solucionar esse problema logo de cara. Mas tentei fazer da forma que me disse, usando o $(document).on e também não deu certo. Commented 9/05/2018 às 19:53
  • Acredito que o código que estou colocando, está vindo antes do código da modal inserido. Como pode ser contornado essa situação? Commented 9/05/2018 às 19:54
  • Nesse caso verifique o console do navegador em busca de erros de javascript. Clique em F12 e vá na aba Console. Cole aqui o erro, se houver
    – Joao Paulo
    Commented 9/05/2018 às 20:11
  • Lembrando que a biblioteca jquery deve estar referenciada para que os comandos funcionem
    – Joao Paulo
    Commented 9/05/2018 às 20:12
  • Infelizmente no console não tem erro. E a biblioteca já está referenciada, pois faço uso constante da biblioteca na página. Commented 9/05/2018 às 20:53

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 .