Estou tentando retornar em JQuery dados de comentários e ao fim um form
para inserir mais comentários.
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#exibir-comentario").click(function(){
var valor = $("#exibir-comentario").attr('rel');
var dados = $("#resposta-form"+valor+"")
$.ajax({
type: "POST",
url: "comentarios.asp?id_questao="+valor+"",
success: function(resposta) {
dados.html(resposta);
},
beforeSend: function(){
dados.html('Buscando...');
},
error: function(data) {
dados.html('Erro ao buscar!');
}
});
return false;
});
});
</script>
</head>
<body>
<%questao=1%>
<a id="exibir-comentario" rel="<%=questao%>" href="#">Exibir fomulário</a>
<div id="resposta-form<%=questao%>"></div>
<%questao=2%>
<a id="exibir-comentario" rel="<%=questao%>" href="#">Exibir fomulário</a>
<div id="resposta-form<%=questao%>"></div>
</body>
</html>
Porém o segundo link não retorna.
Solucionei colocando o id dinâmico e fazendo a classe receber o click.
//carrega comentarios $(function() { $("a.link").click(function(){ var valor = $(this).attr('id'); var dados = $("#resposta-form"+valor+"") $.ajax({ type: "POST", url: "comentarios.asp?id_questao="+valor+"", success: function(resposta) { dados.html(resposta); }, beforeSend: function(){ dados.html('Buscando...'); }, error: function(data) { dados.html('Erro ao buscar!'); } }); return false; }); });
Agora ocorreu o seguinte. Consegui trazer o fomulário e os comentários. Tô tentando enviar os dados do form fazendo exatamente como fiz com o script anterior, porém como o form já vem carregado, não vai.