Estou trabalhando num script que faz com que carregue mais registros do banco de dados quando o usuário chega ao final da rolagem da página.
O PHP/SQL está certinho, o problema é que o jQuery não informa corretamente o número de ocorrências de terminada class
na tela.
Imagino que a solução seja implementar o .on
de alguma maneira, mas não manjo muito de jQuery e estou me batendo com isso.
Explico meu código abaixo:
$(document).ready(function() {
var posicaoAtual = $(window).scrollTop();
var documentSize = $(document).height();
var sizeWindow = $(window).height();
$(window).scroll(function() {
posicaoAtual = $(window).scrollTop();
//Até aqui, apenas verifico se o usuário chegou ao final da página.
if (posicaoAtual >= (documentSize - sizeWindow)) {
//Agora que começa o sofrimento
// Conta a quantidade de vezes que a section.empresa aparece na tela
var qtdRegistros = $("#empresas section.empresa").length;
//Variável que utilizo no meu PHP
var idClientes = $("#idClientes").val();
// Faz requisição ajax
$.post("carrega-registros.php", {
qtdRegistros: qtdRegistros,
idClientes: idClientes
}, function(resposta) {
// Coloca o conteudo na DIV
$("#empresas").append(resposta);
});
}
});
$(window).resize(function() {
posicaoAtual = $(window).scrollTop();
documentSize = $(document).height();
sizeWindow = $(window).height();
});
});
[EDIT 1]
O código todo funciona certinho. Meu retorno são novas section class='empresa'
dentro da div id="empresas"
.
PORÉM pela var qtdRegistros = $("#empresas section.empresa").length;
, a variável qtdRegistros
só identifica o número de vezes que aparece a class
empresa
no HTML original. Desconsiderando o que vem do append
. Isso faz com que meu PHP traga resultados duplicados, já que a qtdRegistros
é sempre a mesma.
Preciso atualizar o length
de acordo com as novas class
que vem no append
. Mas isso não acontece.
Pesquisando muito achei algo semelhante implementando o on
, mas simplesmente não consegui utilizar. Alguém consegue me indicar um caminho?
resposta
?post
é umhtml
?