DOCTYPE - Script não roda.

Elizandro Tavares · Março 5, 2015

Boa Tarde

Estou usando este script http://www.infotuts.com/ajax-infinite-scroll-using-jquery-php-mysql/

para fazer auto load sempre que chegamos ao final da página, porém quando declaro o tipo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ele para de funcionar, ou seja não carrega os proximos registros, ai removo a declação funciona de boa.

O que pode ser?

Obrigado.

William Bruno · Março 5, 2015

O que aparece no console de erros ?

Ctrl + Shift + J no Firefox ou Chrome.

Elizandro Tavares · Março 5, 2015

Console não acusa nenhum erro.

Coloco:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd">

não funciona.

Removo, ele faz o scroll normal.

William Bruno · Março 6, 2015

Poste um link para o teu site para verificarmos.

Elizandro Tavares · Março 6, 2015

Com a Tipo Declarado:

http://graficatc.com.br/com/

Sem O Tipo Declarado:

http://graficatc.com.br/sem/

William Bruno · Março 6, 2015

Valide teu html:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgraficatc.com.br%2Fcom%2F

Elizandro Tavares · Março 6, 2015

Pronto..

Com continua sem mostrar e o sem continua funcionando... *-*

William Bruno · Março 6, 2015

O problema é nesse if:

if ((($(window).scrollTop()+document.body.clientHeight)==$(window).height()) && isload=='true'){

Pelo visto o código foi desenvolvido com bug, e não corrigiram.

Elizandro Tavares · Março 6, 2015

Tens alguma sugestão?

William Bruno · Março 6, 2015

Troque:

if ((($(window).scrollTop()+document.body.clientHeight)==$(window).height()) && isload=='true'){

por

console.log(
  '$(window).scrollTop(): ', $(window).scrollTop(),
  'document.body.clientHeight: ', document.body.clientHeight,
  '$(window).height(): ', $(window).height()
);
if ((($(window).scrollTop()+document.body.clientHeight)==$(window).height()) && isload=='true'){

apenas para debug e para verificarmos quais os valores corretos a serem colocados.

Acompanhe no Ctrl + Shift + J, e faça as contas.

Elizandro Tavares · Março 6, 2015

COM Declaração de Tipo: não funciona

$(window).scrollTop(): 100 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 200 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 300 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 400 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 479 document.body.clientHeight: 770 $(window).height(): 401

SEM Declaração de tipo: Funcona

$(window).scrollTop(): 100 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 200 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 300 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 400 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 479 document.body.clientHeight: 401 $(window).height(): 880

William Bruno · Março 6, 2015

Viu como os valores são inconsistentes ?

"Não funciona", pq quem projetou o script fez errado.

Deixa só assim:

if (($(window).scrollTop() > document.body.clientHeight) && isload=='true'){

Elizandro Tavares · Março 6, 2015

SEM Declarar:

Esse é o resultado do scrol completo, porém com o a linha que me passasse ele só ativa se a janela não estiver com o height máximo, ou seja tenho que reduzir o height da janela, abrir o console por exemplo ou simplesmente reduzir a altura do navegador.

$(window).scrollTop(): 100 document.body.clientHeight: 763 $(window).height(): 880

$(window).scrollTop(): 117 document.body.clientHeight: 763 $(window).height(): 880

$(window).scrollTop(): 17 document.body.clientHeight: 763 $(window).height(): 880

$(window).scrollTop(): 0 document.body.clientHeight: 763 $(window).height(): 880

$(window).scrollTop(): 100 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 200 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 300 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 400 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 479 document.body.clientHeight: 401 $(window).height(): 880

$(window).scrollTop(): 579 document.body.clientHeight: 401 $(window).height(): 1504

$(window).scrollTop(): 679 document.body.clientHeight: 401 $(window).height(): 1504

$(window).scrollTop(): 779 document.body.clientHeight: 401 $(window).height(): 1504

$(window).scrollTop(): 879 document.body.clientHeight: 401 $(window).height(): 1504

$(window).scrollTop(): 979 document.body.clientHeight: 401 $(window).height(): 1544

$(window).scrollTop(): 1079 document.body.clientHeight: 401 $(window).height(): 1544

COM Declaração:

$(window).scrollTop(): 100 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 200 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 300 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 400 document.body.clientHeight: 770 $(window).height(): 401

$(window).scrollTop(): 479 document.body.clientHeight: 770 $(window).height(): 401

Elizandro Tavares · Março 10, 2015

O desenvolvedor não me deu uma posição a respeito da falha...

Ideal é trocar né?

William Bruno · Março 10, 2015

Ou vc estuda o script e faz a correção.

Arquivado

DOCTYPE - Script não roda.

Recommended Posts

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elizandro Tavares 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante