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

Posted by qvhwtionvt
qvhwtionvt
5,767 Points

jQuery not working in browser

Hello, I'm new to learning JavaScript/jQuery and I can't figure out why it's not working in the browser on my project. I checked it in CodePen and it works I've been trying to figure this out for the last few hours, so I'd really appreciate the help!

(http://codepen.io/jessicaagyemang/pen/xCeAt)

2 Answers

qvhwtionvt
qvhwtionvt
5,767 Points

Problem solved! I added http: before the URL, however it still wouldn't work. So I searched around a bit more and ended up wrapping the existing jQuery in a (document).ready function and it worked! Thanks for your suggestion

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

I'm going to take a guess here you are trying to write your JS in a file on a computer that doesn't a web server.

If that's the case ...

Protocol-less URLs don't work without a web server, so in that case just add http: in front of the URL.

> The main caveat to keep in mind when using the protocol-less reference is that it will fail on pages loaded via file:/// (i.e. HTML pages you load directly from disk to your browser). So, do be sure to include the http: protocol in the URL if you happen to be developing without a web server at all, but don’t worry about omitting it otherwise.

source: http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/