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 trialNadav Reis
5,561 PointsLinks 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
Treehouse TeacherHello 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.
Ivan Valderrama
Python Web Development Techdegree Student 10,588 PointsI have exactly the same problem Nadav. It's quite ridiculous actually...
Nadav Reis
5,561 PointsStill nothing. I wish one of the treehouse mods would help on this. Dave McFarland
Nadav Reis
5,561 PointsThank you so much, Dave McFarland !
Ben Flores
17,074 PointsThis 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