estoy elaborando un sistema de noticias y comentarios en el cual cuando presiono el boton para enviar el comentario, no se ejecuta la funcion en ajax, pero sí guarda los datos en la base de datos. si presiono por segunda vez el boton, se ejecuta todo con normalidad. Lo raro es que ocurre con normalidad en todos los navegadores, a excepcion de internet explorer. lo mismo me ocurre cuando quiero eliminar un comentario, tengo que presionar dos veces el link. les dejo el código javascript con las funciones correspondientes:
Código Javascript :
function EliminaComentario(id) {
$.ajax({
type: "POST",
url: "elimina_comentario.php",
data: "id_comentario="+id,
success: function(){
console.log('comentario_'+id);
$('#comentario_'+id).slideUp("slow", function() {$(this).remove();});
$('#comentario_'+id).fadeOut();
}
});
}
Código Javascript :
function NuevoComentario(id,nombre_usuario,fecha,foto) {
comentario = document.getElementById('texto_'+id).value;//valor caja texto noticia
String.prototype.trim = function(){
return this.replace(/^\s+|\s+$/g, "");
};
if(comentario.trim().length != 0){
$.ajax({
type: "POST",
url: "ingresa_comentario.php",
data: "id_news="+id+"&comentario="+comentario+"&fecha="+fecha,
success: function(data){
console.log(data);
$('#texto_'+id).attr("value", "");
$('#contenedor_c_'+id).append('<tr><td><div id="comentario_'+data+'" class="comentarios"><table><tr><td rowspan=2><img src="'+foto+'" alt=Perfil height="32" width="32" /></td><td><div class="EnviadoPor">Enviado por: <b>'+nombre_usuario+'</b></div></td><td><div class="FechaComentario">Fecha: '+fecha+'</div></td><td> <a id="elimina_'+data+'" href="" onClick="EliminaComentario('+data+');return false;" class="eliminar">eliminar<a/> </td></tr> <tr><td><div class="comentario">'+comentario+'</div> </td> </tr> </table></div> </td></tr>');
}
});
}
else{
alert("Debe llenar los datos.");
}
}
ojala que puedan responderme mi duda, tengo varios dias tratando de resolver esto y aun no encuentro una respuesta.
muchas gracias de antemano.
