1

Tenho um código bem lento rodando no lado servidor, para evitar o atraso na renderização na página, resolvi chamar a função via ajax após a página carregada, utilizei das duas formas mas ambas não funcionaram:

Com o $(document).ready a página é exibida, mas arquivos de fontes (Google Fonts) e ícones são carregado após.

$(document).ready(function() {
    $.ajax({ ... });
});

Já com o $(window).bind a página é inteiramente exibida após concluir a função.

$(window).bind("load", function() {
    $.ajax({ ... });
});
7
  • Voce quer chamar um ajax depois que as fontes forem carregadas eh isso?
    – leonardo
    Commented 26/10/2014 às 0:08
  • Exatamente @leonardo Commented 26/10/2014 às 0:18
  • 1
    Podes colocar o código que tens agora para carregar as fontes? Se estiverem dentro da <head> carregam antes do domready ou load
    – Sergio
    Commented 26/10/2014 às 7:37
  • 1
    Está a usar o $(window).bind("load", ... no topo da página? Penso que tem de estar para funcionar corretamente.
    – Miguel
    Commented 26/10/2014 às 11:09
  • 1
    Coloca o ajax no final da pagina Commented 27/10/2014 às 12:28

1 Resposta 1

1

O método ready é executado uma vez que o DOM está concluído, isso não significa que sua página está totalmente renderizada.

Tente utilizar o seguinte código:

window.onload = function() { <seucódigoaqui> };

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .