Jump to content

Recommended Posts

Olá amigos, tenho um script de scrool infinito que peguei na internet que funciona perfeito no site.

O que eu preciso é que quando não tiver mais itens a carregar o javascript pare de solicitar e não mostre o texto e a imagem de carregando.

cada fez que chega ao final da pagina, aparece carregando e a imagem de carregamento, até ai tudo bem, mas quando acaba o conteudo o javascript fica mostrando o "carregando e a imagem", além de ficar solicitando na pagina que fornece o conteudo.

Alguem pode me ajudar, pois não manjo de javascript.

abaixo o javascript que uso:

 

        //variavel para controle de registros retornados
        var pagina = 0;
        //function carrega
        function carrega(){
            $('.loading').html("<p><img src='/inc/images/loader2.gif' width='173' height='123'/><br /><span style='font-weight: bold; font-style: italic; font-size: 24px;'>Carregando anúncios...</span></p><p>&nbsp;</p><p>&nbsp;</p>").fadeIn('fast');
            $.ajax({
                type: "POST",
                url: "/inc/sql-home.asp",
                data: "page="+pagina,//variavel passada via post 
                cache: false,
                success: function(html){
                    $(".content").append(html);//mostra resultado na div content
                },
                error:function(html){
                    $('.content').html("erro...").fadeIn('fast');
                }
            });
        };
        //chama minha funcao ao carregar a pagina
        $(document).ready(function(){
            carrega();
        });
        //funcao de controle do scroll da pagina, na qual ela chega ao fim  acionada chamando
        //minha function carrega novamente para trazer mais dados dinamicamente
        $(window).scroll(function(){
            
            if($(window).scrollTop() + $(window).height() >= $(document).height()-500){
                pagina += 1;
                carrega();
            };
        });
 

Share this post


Link to post
Share on other sites

Basta que limite a quantidade de vezes que pode executar a partir de uma variável fazendo a comparação antes de chamar a funçao carrega:

var maximo = 3; // Quer dizer que só irá funcionar 3 vezes
var pagina = 0;

if (pagina < maximo) {
  carrega();
}

 

Porém como você está usando jQuery mesmo que não carregue o o scroll será ativo mas não fará nada. Entretanto isso sobrecarrega a execução da página que irá fazer algo que não precisaria fazer.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.