Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

sNniffer

Para Execução Scroll Infinito + Php

Recommended Posts

Pessoal,

 

Bom, estou a utilizar o scrollpagination.js (https://github.com/andferminiano/jquery-scroll-pagination), junto com um while do php, com os códigos:

$(function(){
	$('#content_load_eventos').scrollPagination({
		'contentPage': 'lib/lista_item/lista_scroll.php', 
		'contentData': {}, 
		'scrollTarget': $(window),
		'heightOffset': 500, 
		'beforeLoad': function(){ 
			$('#loading').fadeIn();	
		},
		'afterLoad': function(elementsLoaded){ 
			 $('#loading').fadeOut();
			 var i = 0;
			 $(elementsLoaded).fadeInWithDelay();
			 if ($('#content_load_eventos').children().size() > 20){ 
			 	$('#nomoreresults').fadeIn();
				$('#content_load_eventos').stopScrollPagination();
			 }
		}
		 
	});
	
	// code for fade in element by element with delay
	$.fn.fadeInWithDelay = function(){
		var delay = 0;
		return this.each(function(){
			$(this).delay(delay).animate({opacity:1}, 200);
			delay += 100;
		});
	};
		   
}); 

Na página: 'lib/lista_item/lista_scroll.php', tem o while php, o scroll infinito está funcionando normalmente, mas, ao chegar no fim dos registros da consulta, ela é carregada novamente, ficando realmente infinita.

Já tentei dar um break e exit no while, mas, sem sucesso.

 

Acho que preciso no final do while, chamar de alguma forma a função javascript:

'afterLoad': function(elementsLoaded){ 

creio eu, seja ela que pare o carregamente, mas, não sei como.

 

Alguma ideia?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra quem tiver a mesma duvida, segue solução.

 

No while adicione um contador, e no final do while é comparado o total do contador com o num_rows do sql, caso sejam iguais, executa a função para parar o load.

 

Função é:

echo "
<script type='text/javascript'>
	$('#nomoreresults').fadeIn();  //exibi div sem resultados
	$('#content_load_dados').stopScrollPagination(); //para o load
</script>";		
exit;

Vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.