Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

217
Visualizações
cambie el código jquery de la versión anterior a la nueva versión

Buenos días encontré este js que me gustaría usar, pero vi que la versión de jquery es antigua (2.1.3) y si agrego una nueva versión (3.6) de jquery no funciona.

¿Cómo puedo cambiar el código para que funcione? Aquí el código:

 $(window).load(function(){ setTimeout(function(){ $('#preloader').velocity({ opacity : 0.1, translateY: "-80px" }, { duration: 400, complete: function(){ $('#hola').velocity({ translateY : "-100%" }, { duration: 1000, easing: [0.7,0,0.3,1], complete: function(){ $('.home').addClass('animate-border divide'); } }) } }) },1000) })

Aquí puedes ver el enlace a un codepen: https://codepen.io/uavide/pen/qBoaadr Muchas gracias Davide

Encontré el problema y lo cambié, así que ahora funciona con jquery versión 3.6

 $(window).on('load', function () { setTimeout(function(){

pero ahora el problema es con la velocidad que no funciona con la versión 2.0.6 (pero funciona con la versión 1.2.3.) y no entiendo por qué, solo la animación se detiene después de que el cargador termina de cargar y no abre la pagina.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Encontré el problema: Velocity no admite la transformación desde la versión 2.0 (WTF) ... Entonces, debe agregar como css

Aquí el código que funciona con jquery 3.6 y speed 2.0.6

 $(window).on('load', function () { setTimeout(function(){ $('#preloader') .velocity({opacity : 0.1, transform: ["translateY(-100px)", "translateY(0px)"] }, {duration: 400, complete: function(){ $('#hola') .velocity({transform: ["translateY(-100%)", "translateY(0px)"]}, {duration: 1000, easing: [0.7,0,0.3,1], complete: function(){ $('.home').addClass('animate-border divide'); } }) } }) },1000) })
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda