Waypoint JS Issue

JavaScript
1

OK I am just doing a very very basic animation thingy with WayPoint JS.

When I include the latest version 4.0.1, the animation don’t work.

And when I include the version 2.0.5, the animation works.

What’s wrong?

Thanks

2

It’s hard to be able to help you figure out what is wrong if you don’t post your code for us to see.

1 Like
3

OK here is the one which works… Using 2.0.5
https://dl.dropboxusercontent.com/u/12360312/waypoints1/index.html

This one don’t work. Using 4.0.1
https://dl.dropboxusercontent.com/u/12360312/waypoints2/index.html

To see code please view source code. All CSS, HTML, JS in same file. Just scroll and beside the blue box you will see the red box animate.

Waypoints CDN
https://cdnjs.com/libraries/waypoints

Thank you for help :slight_smile:

1 Like
4

I think, but I am not sure that in the second version (4.0.1) you use waypoint.js that is depending on jQuery library

jquery.waypoints.min.js

While you dont’t init the jQuery library

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
5

Yes I am using JQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

I didn’t used and also didn’t tried with JQuery 3.1.0 because with JQuery 3.1.0, Stellar JS Parallax didn’t worked. Stellar JS worked with Jquery 2.2.4

6

OK I have been trying a few things. Try to change

$(this).addClass('animated fadeInLeft');

into

$(this.element).addClass('animated fadeInLeft');
2 Likes
7

Wow Donboe, that worked. Thank you :slight_smile:

8

@littlebirdy. I am happy it is working. Coincidentally enough did I nearly had the same problem last week, only the other way arround. @PaulOB pointed me to that so I thought maybe this would work for you as well.

2 Likes
9

Haha very nice :slight_smile:

10

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.