velocity.js文件存在，但功能不起作用

Question

I am new to this and I am trying to make velocity.js work on a site I'm building. I included velocity.js on my index.php page and I also included velocity.ui.js after I included velocity.js

I then replace all instances of animate() with velocity() like the instructions said. None of the animations work and I get an error velocity is not a function. So I am trying to learn this and so I looked at the two files I included and I cannot find velocity as a function, so how is this supposed to work then?

This is what the instructions say:

"Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.velocity(). You will immediately see a performance boost across all browsers and devices — especially on mobile."

What am I doing wrong please?

So is this the right way or not?

$('#elements1, #elements2').velocity({opacity: 1}, 900);

I used the CDN and I still get a velocity is not a function error.

Answer 1

put velocity.js and index.php in same folder or specify the correct path of velocity.js in index.php . I hope this might help you.

Answer 2

Make sure you load jQuery before VelocityJS - if it's done in the wrong order then Velocity won't know jQuery exists and will bind as window.Velocity() instead - which needs calling in a slightly different way.

edit: For future reference, the jQuery and VelocityJS order was right, but the user functions were being loaded between the two and not waiting for document.ready - hence confusing debugging.