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.
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) })