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

Links not working

I tried to follow along and enter the code. When I click the Work link or Team link, the page does not load. I tried to go through the video a couple of times, but I don't see my error. Please let me know if you can find it. Thank you so much.

Link to my workspace: https://w.trhou.se/3n1bcoy8kj

5 Answers

Dave McFarland
STAFF
Dave McFarland
Treehouse Teacher

Hello Nadav Reis

At first, I didn't know what was wrong with your code, everything looked OK, and jQuery can be tricky since it can fail "silently" meaning it doesn't always return an error when there is one (this is so your entire JS app doesn't get tripped up). Then I remembered how I should have approached this problem in the first place: the W3C Validator. Line 12 of your code is <link ref="stylesheet" href="js/animsition/animsition.min.css">. Notice the use of ref instead of rel. Change that to rel and it works! The animisition plugin relies heavily on CSS and without the CSS file loading, the plugin just doesn't work.

Still nothing. I wish one of the treehouse mods would help on this. Dave McFarland

Thank you so much, Dave McFarland !

This was a super specific fix for this code, so here's what happened with mine in case someone else is in the same boat.

I tried to implement on all pages, and only the first click worked properly. Once you get redirected, clicking on any of the links wouldn't do ANYTHING.

My issue was, I had forgotten to add

<link rel='stylesheet' href='js/animsition/animsition.min.css'>

above

<link rel="stylesheet" href="css/main.css">

:P