[SOLUCIONADO] repetir div dinamicamente

[cesa_r]

Bueno tengo un sistema de noticias por ajax, y en la respuesta agrego los valores de la nueva noticia a los diferentes div que conforman esta, lo que quiero hacer esque cada que haga la llamada (Cada que agregue una nueva noticia) me repita los div que conforman esta, bamos que me creen otro juego de div. (Otra noticia)

$(document).ready(function() {

$("#sendFormPublication").click(function() {

var Noticia = $("textarea#PostedValidateField").val();
var dataString = 'Noticia=' + Noticia;

$.ajax({
type: "POST",
url: "php/addPublication.php",
data: dataString,
success: function(data, textStatus, XMLHttpRequest) {

$('.section-ajax-reply').fadeIn(1000); //Muestra el juego de div que basicamente conforman la noticia y estan en hide.

$('.section-ajax-reply').attr('id', data.trim()); //Agrega el idNoticia al id del div cuya clase es .section-ajax-reply
$('.section-news-header-ajax-reply').attr('id', data.trim()); //Agrega el idNoticia al id del div cuya clase es .section-news-header-ajax-reply
$('.section-news-header-ajax-reply').attr('data', data.trim()); //Agrega el idNoticia al id del div cuya clase es .section-news-header-ajax-reply

$('.body-news-ajax-reply').append(Noticia); //Agrega la Noticia como tal al div cuya clase es body-news-ajax-reply.

$('#addPublication').each (function(){
this.reset(); //Limpia el formulario
});

}
});
return false;
});

Agradeceria si me pudieran ayudar la verdad que apenas entro en el mundo de jquery y no conosco muchas funciones.

[rottenp4nx]

Podrías probar con append y/o prepend de Jquery, esto es para insertar código HTML en el documento.

O tal vez algo que te interesaría, sería el long polling, investiga sobre eso

Saludos

[cesa_r]

Gracias por contestar y en cuanto a long polling no quiero que cargue cada sierto tiempo quiero que lo haga al instante ya lo e conseguido con append pero tengo un problema al querer eliminar la noticia ya que las publicasiones que traigo en la repuesta por ajax no funciona el evento es decir, a las publicasiones que traigo por ajax no les funciona el onclick que ejecuta la funcion de borrado. E leido algo y alo que pude ver esto se deve a que el javascript se le primero y este asu vez lee el codigo html del documento dado a que la respuesta por ajax el html biene despues pues este html queda invisible al javascript. A lo que investigue esto se solucionaba con la funcion live(), y luego cambio por razones de velocidad y asta lo que lei ahora le llamaron on() pero por alguna razon no me funciona alguien podria decirme en que estoy mal.

$(".delete").on("click", function(){

//Recogemos la id del contenedor padre
var parent = $(this).parent().attr('id');
//Recogemos el valor del servicio
var service = $(this).parent().attr('data');

var dataString = 'id='+service;

alertify.confirm("<p>¡Realmente deseas eliminar esto?<br><br><b>ENTER</b> y <b>ESC</b> corresponden a <b>Aceptar</b> o <b>Cancelar</b></p>", function (e) {
if (e) {

$.ajax({
type: "POST",
url: "deletePublication.php",
data: dataString,
success: function() {
$('#'+parent).fadeOut(1000);
alertify.log("¡Se ha eliminado con éxito!");
}
});


} else { alertify.error("¡Has cancelado eliminar el contenido!");
}
});


});

Mis libreria
http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

[cesa_r]

Ya lo e solucionado que tonto al final quedo asi:

$(document).on('click', '.delete', function() { //ESTA LINEA OJO POR SI ALGUIEN TIENE EL MISMO PROBLEMA PRIEMERO EL EVENTO ('click'), LUEGO EL ELEMENTO(#ELEMENTO) Y AL FINAL FUNCTION (function())

//Recogemos la id del contenedor padre
var parent = $(this).parent().attr('id');
//Recogemos el valor del servicio
var service = $(this).parent().attr('data');

var dataString = 'id='+service;

alertify.confirm("<p>¡Realmente deseas eliminar esto?<br><br><b>ENTER</b> y <b>ESC</b> corresponden a <b>Aceptar</b> o <b>Cancelar</b></p>", function (e) {
if (e) {

$.ajax({
type: "POST",
url: "Topic/modules/php/deletePublication.php",
data: dataString,
success: function() {
$('#'+parent).fadeOut(1000);
alertify.log("¡Se ha eliminado con éxito!");
}
});


} else { alertify.error("¡Has cancelado eliminar el contenido!");
}
});


});

SALUDOS

[rottenp4nx]

Efectivamente, según he leído, siempre hay que hacerlo así, una recomendación ;)

Saludos