0

Ao clicar no link Responder o código não executa, não mostra o alert do jQuery e nem da function, tbm não mostra erro no console, não chega nem a executar.

$('#post-forum').last().append('<div><a href="#" id="responder" >Responder</a></div>');

$('#responder').on('click', function (event) {
    // alert('teste');
    teste();
    event.preventDefault();
});

function teste() {
 alert('teste');
}
2
  • Tente mudar a primeira linha assim: $('#post-forum').last().append('<div id="responder"><a href="#" >Responder</a></div>');
    – Rene Freak
    15/04/2017 às 3:11
  • Obrigado, acabei de tentar, e tbm não funcionou, ele tenta pegar o valor do href.
    – Fernando
    15/04/2017 às 3:28

1 Resposta 1

1

Eu reparei que estás a apontar um .last() para um id na primeira linha do teu código, o que mais certamente deverá ser a razão pelo qual o código não está a executar.

id's são para ser utilizados apenas uma única vez no DOM.
Para identificar mais que um elemento com o mesmo nome, devemos utilizar classes.

$('.post-forum').last().append('<div><a href="#" id="responder" >Responder</a></div>');

$('#responder').on('click', function (event) {
    // alert('teste');
    teste();
    event.preventDefault();
});

function teste() {
    alert('teste');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div class="post-forum">1</div>
<div class="post-forum">2</div>
<div class="post-forum">3</div>

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 .