Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Erro na montagem da página

Referente ao curso jQuery: avance na biblioteca mais popular do mercado parte 2, no capítulo Plugins do jQuery e atividade Mãos na massa: Carrossel com slick

por Danilo Zullo
| 148.2k xp | 65 posts
Desenvolvedor front end

A página monta de um jeito estranho, com o carrossel sobrepondo aos cards que ficam abaixo na página.

O Chrome passa a seguinte mensagem no console

"jquery.js:4966 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
add @ jquery.js:4966
(anonymous) @ jquery.js:4866
each @ jquery.js:368
each @ jquery.js:157
on @ jquery.js:4865
on @ jquery.js:5455
b.initializeEvents @ slick.min.js:17
b.init @ slick.min.js:17
c @ slick.min.js:17
a.fn.slick @ slick.min.js:18
(anonymous) @ slider.js:2
mightThrow @ jquery.js:3508
process @ jquery.js:3576
jquery.js:4966 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
add @ jquery.js:4966
(anonymous) @ jquery.js:4866
each @ jquery.js:368
each @ jquery.js:157
on @ jquery.js:4865
on @ jquery.js:5455
b.initializeEvents @ slick.min.js:17
b.init @ slick.min.js:17
c @ slick.min.js:17
a.fn.slick @ slick.min.js:18
(anonymous) @ slider.js:2
mightThrow @ jquery.js:3508
process @ jquery.js:3576
jquery.js:3574 [Violation] 'setTimeout' handler took 59ms"
5 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Daniloz, tudo bem? Tente atualiza a versão do seu jQuery, algumas API do DOM foram atualizadas desde a criação desse curso e pode ser que a versão do jQuery que você está usando ainda não tenha se adaptado a essa atualização.

Uma das atualizações foi a mudança disso:

document.addEventListener('touchstart', handler, true)

Para isso:

document.addEventListener('touchstart', handler, {passive: true})

Se quiser, compartilha o projeto com a gente, isso pode ser feito através do Github ou Google Drive (zip), ai podemos te dar uma certeza maior sobre o problema.

Espero ter ajudado.

por Danilo Zullo
| 148.2k xp | 65 posts
Desenvolvedor front end

Matheus, como faço para atualizar a versão do jQuery? Qual versão eu baixo do site https://jquery.com/download/ e como faço para encontrar a pasta ou verificar a versão que tenho? Obrigado pela ajuda desde já!

solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Bom, vamos por partes:

Matheus, como faço para atualizar a versão do jQuery?

Segue o link da ultima versão para download:

https://code.jquery.com/jquery-3.4.1.min.js

Peguei a versão completa minificada.

Como faço para encontrar a pasta ou verificar a versão que tenho?

Ai depende de cada projeto, precisa ver como está a estrutura do seu.

Espero ter ajudado.

por Danilo Zullo
| 148.2k xp | 65 posts
Desenvolvedor front end

Obrigado Matheus! Problema resolvido!

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Magina Danilo, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.