Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Using jQuery Plugins Introducing jQuery Plugins Adding a Plugin to a Web Page

Kaetlyn McCafferty
Kaetlyn McCafferty
12,193 Points
Posted by Kaetlyn McCafferty
Kaetlyn McCafferty
12,193 Points

jQuery Animsition plugin error

I can't quite figure out what's gone wrong here. So far in the course, all we have done are added relevant script and css tags to the main index.html file, as well as made a main.js file calling the animsition function, then linking that in. Simple enough. However, when I load the preview, nothing seems to be working regarding the transition animations. When I check out the console, it tells me:

"Animsition does not support this browser"

This happens in Chrome Version 42.0.2311.90 (64-bit). So, I try it in Safari Version 8.0.5 (10600.5.17), the same thing happens.

I'm new to both Plugins and troubleshooting browser support, so I'm not quite sure what to do. I'm currently downloading Firefox to see what happens in that, but I'm curious if anyone has any suggestions on troubleshooting this.

Edit: Same thing is happening in Firefox. Beginning to think this is an error on my part now; any ideas?

3 Answers

geoffrey
geoffrey
28,736 Points
geoffrey
geoffrey
28,736 Points

I've justed watched the video and 've used the anmisition plugin as well. I have no issue at all. I tested it with chrome, opera & etc...

So what I would do first if I were you is check the network tab in the console to see if all the files are well loaded, just to be sure there are no 404 errors. If so you probably typed badly the link to the file.

Lastly, be sure as well to add the script in the right order, as mentionned in the video.

Here is my workspace, this way you can compare

https://teamtreehouse.com/workspaces/5303832#

Kaetlyn McCafferty
Kaetlyn McCafferty
12,193 Points
Kaetlyn McCafferty
Kaetlyn McCafferty
12,193 Points

Ooooh I found it. I somehow missed adding a class to one of the elements.

But all my script tags were correct! Thanks a million Geoffrey for checking that out, I really appreciate it.

Garvita sadani
Garvita sadani
4,482 Points

I too have the same problem. Cheked my code so many time, but nothing is helping. I dont have that fade effect. And i wanted to saw your workspace, but its showing tht it doesnt exist. Please help soon !!

Garvita sadani
Garvita sadani
4,482 Points

this is my workpace https://teamtreehouse.com/workspaces/11626942#

geoffrey
geoffrey
28,736 Points
geoffrey
geoffrey
28,736 Points

You welcome :) !

John Knotts
seal-mask
.a{fill-rule:evenodd;}techdegree
John Knotts
Full Stack JavaScript Techdegree Student 10,836 Points
John Knotts
.a{fill-rule:evenodd;}techdegree
John Knotts
Full Stack JavaScript Techdegree Student 10,836 Points

I was having the same issue until I realized I had forgotten to add the 'animsition' class to the container div... +1 for double checking everything twice!!