Need help getting jQuery to run in CodePen!

[Jesse989]

Hello all,

I wrote this random quote generator for freeCodeCamp and it works perfectly on the local system but as soon as I put it into CodePen (which is required for the project) it stops working.

Any advice would be great, I have spent several days now trying to figure out how to fix it and I still do not know.

https://codepen.io/Jesse989/pen/XKWdxO

Thank you!

[Paulie_D]

You linked in JQuery UI but not the core Jquery

http://codepen.io/Paulie-D/pen/YWzeez

[Jesse989]

Thanks Paulie. I started out with both linked in there but it wasn’t working so I tried just one then the other but it still did not work.
I just added the regular jQuery but it still is not working.

[Paulie_D]

Seems to be when I click the Get Quote button.

Exactly what do you mean by “Not Working”?

[Jesse989]

The click function should retrieve a new quote.
If it works for you though that is even more confusing!

[Paulie_D]

Does my Codepen work for you?

[Jesse989]

Not in the thumbnail but when I go to the site it does!!
What did you have to do??

[I.m.learning]

Both your pens work but it looks better when changing famil to family

<link href="https://fonts.googleapis.com/css?famil=Lobster" rel="stylesheet" type="text/css"/>

EDIT: by the way, we had this issue before…there is a security issue when embedding pens in the forum. I use IE and I get a message stating “Only secure content is shown” and I have to click the button to view all content.

I know others have stated this, but seems to be a constant issue with some pens.

[Jesse989]

Okay weird. When I open Paulie’s it works, then I open mine and it works. If I mess with mine though it stops working until I click on Paulie’s again.

[I.m.learning]

I’m not a fan of Codepen; but I been using this site for some time and remember people saying they don’t work for some reason. When I open some pages IE states security issues. Beverly had made a post some time ago (maybe 2-3 weeks) and stated how to change settings in FF or Chrome that needed to be changed.

I know if you open these pages in IE that display a message about Secure Content and you do not click “View all content” before the alert closes; you need to reload the page to view the pens.

I never heard about one not working until clicking another. I’m not sure how Codepen works so I don’t know if you change the pen, if the link to the pen changes as well. I thought maybe you fixed the issue–
Your pen didn’t work until I changed your misspelled family. But then I had checked Paulies and it worked. I then closed and reopened both your pens, without changing anything, they both worked.

I love technology, it makes out life so much funner! I love my host (name.com); they had changed my encoding and after I comaplined, they fixed the issue. But it taed 7 seconds to display a space. I have to use my local environment, and then upload to my server.

So, did you fix your issue?

[Jesse989]

Yes it is fixed now, thank you. I just learned you can change it from https to non ssl and it will prevent it from working (you just change it in the address bar). I am not sure if that is what it was but I know when I turn ssl off it works (probably because the JSON call only works with regular http).

[Author]

Posts