Estoy cargando contenido de forma dinámica utilizando $.ajax con jQuery pero como el contenido es extenso, lo limito y tengo una función $(window).scroll con la que cargo más contenido al llegar a la parte baja de la pagina.
El contenido que se carga son publicaciones con la etiqueta <article> de html5 y todo esta en un contenedor <div id="main"> y a este le asocio un plugin para las acciones de cada article
El problema es el siguiente. Al hacer la primera carga, todo funciona bien, pero al cargar otra parte del contenido y llamar el plugin de nuevo se genera un error.
Aquí les dejo el código.
Código:
$('#main').html('<img src="'+baseUrl+'widgets/post/img/loading.gif"/>'); var article=$('#main').find('article').length; var limit=10; var param={ 'ofset':article, 'limit':limit, }; $.ajax({ url:baseUrl+'index/post/loadposts/all', data:param, type:'post', success: function(response) { $('#main').html(response); $('#main').PostAction(); } }); $(window).scroll(function(){ if ($(window).scrollTop() == $(document).height() - $(window).height()){ article=article+10; var param={ 'ofset':article, 'limit':limit, }; $.ajax({ url:baseUrl+'index/post/loadposts/all', data:param, type:'post', success: function(response) { //alert(response); $('#main').append(response); $('#main').PostAction(); } }); } });