Foros del Web » Programando para Internet » Jquery »

Problema con carga de contenido mediante JQuery

Estas en el tema de Problema con carga de contenido mediante JQuery en el foro de Jquery en Foros del Web. Hola a todos!! Estoy realizando la carga de contenido dinámico de un div mediante jquery, utilizando el atributo para pasar el parámetro de que contenido ...
  #1 (permalink)  
Antiguo 28/11/2011, 07:56
Avatar de zeuslife  
Fecha de Ingreso: enero-2008
Ubicación: Madrid
Mensajes: 533
Antigüedad: 16 años, 3 meses
Puntos: 11
Problema con carga de contenido mediante JQuery

Hola a todos!!

Estoy realizando la carga de contenido dinámico de un div mediante jquery, utilizando el atributo para pasar el parámetro de que contenido quiero cargar, es decir, uso <a href="#TablonID=2#" class="nextTablon">siguiente contenido</a> para cargar el contenido siguiente. Ahora bien, dentro del contenido cargado, vuelvo a meter otro link como el anterior, uno igual para avanzar en el contenido, y otro para ir al contenido anterior.

La primera acción, de pasar al segundo contenido, funciona sin problemas, pero en cuanto quiero pasar otra vez al siguiente contenido, o volver al anterior, no hace absolutamente nada, y no sé que hago mal.

Aqui el código que estoy usando para la carga del div (realmente carga dos divs, pero el funcionamiento es el mismo):

$(document).ready(function() {

//Carga de tablones
$('.nextTablon').click(function () {

var Tablonid = $(this).attr('href');

//Mensaje
$.post("loadpages.php", { content: 'comentarios', page: Tablonid }, function(data){
$("#comentarios").html(data);
$('#comentarios').slideDown(1000);
});

$.post("loadpages.php", { content: 'mensajes', page: Tablonid }, function(data){
$("#mensaje").html(data);
$('#mensaje').slideDown(1000);
});
});

});

¿Alguna idea? Gracias de antemano!!
__________________
Neversyn Software e Ingeniería
  #2 (permalink)  
Antiguo 28/11/2011, 08:20
Avatar de zeuslife  
Fecha de Ingreso: enero-2008
Ubicación: Madrid
Mensajes: 533
Antigüedad: 16 años, 3 meses
Puntos: 11
Respuesta: Problema con carga de contenido mediante JQuery

Vale, me autorespondo, la solución está en usar live en vez de simplemente el listener del evento, ya que así lo usa en tiempo de ejecución en vez de coger los selectores que encuentra en la carga. Este es el resultado:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.    
  3.     //Carga de tablones
  4.     $('.nextTablon').live('click', function (){
  5.        
  6.         var Tablonid = $(this).attr('href');
  7.        
  8.         //Mensaje
  9.         $.post("loadpages.php", { content: 'comentarios', page: Tablonid }, function(data){
  10.             $("#comentarios").html(data);
  11.             $('#comentarios').slideDown(1000);  
  12.         });
  13.        
  14.         $.post("loadpages.php", { content: 'mensajes', page: Tablonid }, function(data){
  15.             $("#mensaje").html(data);
  16.             $('#mensaje').slideDown(1000);  
  17.         });
  18.     });
  19. });

Un Saludo!
__________________
Neversyn Software e Ingeniería

Etiquetas: contenido, dinamico, href, identificador
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:07.