# jQuery links for localhost

**URL:** <https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940>\
**Category:** General\
**Created:** [July 13, 2017, 5:32pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940 "2017-07-13T17:32:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 5:32pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/1 "2017-07-13T17:32:20Z")

</div>

I started learning about jQuery on my 3rd challenge, the issue that I’m experiencing is that I’m also writing code on my laptop as localhost but for some reason I can’t replicate the same result. I went to jQuery site and copied the links but still not able to see the result provided in FCC.

Can someone assist me with this? or direct me where to go?

Thank you much!  
cod3radm

---

<div class="post-metadata">

**Author:** ![0x0936](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/0x0936/32/10552_2.png) [@0x0936](https://forum.freecodecamp.org/u/0x0936)\
**Post date:** [July 13, 2017, 5:41pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/2 "2017-07-13T17:41:28Z")

</div>

Are you trying to reproduce the animation by adding certain classes to an element, like this?

`$(".targetElement").addClass("animated shake")`

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 5:56pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/3 "2017-07-13T17:56:37Z")

</div>

> [@cod3radm](#):
>
> I started learning about jQuery on my 3rd challenge, the issue that I’m experiencing is that I’m also writing code on my laptop as localhost but for some reason I can’t replicate the same result. I went to jQuery site and copied the links but still not able to see the result provided in FCC.
> 
> Can someone assist me with this? or direct me where to go?
> 
> Thank you much!  
> cod3radm

Do you mean you need the jquery CDN link to include in the header? If so it’s:  
`<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>`

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 7:33pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/4 "2017-07-13T19:33:33Z")

</div>

Yes, for some odd reason, it doesn’t do it… I’m using mozilla firefox, do i need a plug-in?

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 7:35pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/5 "2017-07-13T19:35:43Z")

</div>

Oh yes, this is what I have

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 7:37pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/6 "2017-07-13T19:37:16Z")

</div>

Is that the only link I need?

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 7:38pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/7 "2017-07-13T19:38:26Z")

</div>

> [@cod3radm](#):
>
> Yes, for some odd reason, it doesn’t do it… I’m using mozilla firefox, do i need a plug-in?

No you do not need a plugin.

> [@cod3radm](#):
>
> Is that the only link I need?

Are you including it in the `<head>` section of your code? It’s the only code that’s needed to use jQuery on your page.

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 7:48pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/8 "2017-07-13T19:48:07Z")

</div>

Yes, the link is between the `<head>` element

This is what I have  
[]()

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 7:52pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/9 "2017-07-13T19:52:25Z")

</div>

> [@cod3radm](#):
>
> This is what I have

Could you paste a link to your source code? Either a Codepen link or Github Gist? Or put your code in `s so it doesn’t get filtered out. Thanks.

---

<div class="post-metadata">

**Author:** ![0x0936](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/0x0936/32/10552_2.png) [@0x0936](https://forum.freecodecamp.org/u/0x0936)\
**Post date:** [July 13, 2017, 8:05pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/10 "2017-07-13T20:05:51Z")

</div>

You need to include animate.css

- [https://daneden.github.io/animate.css/](https://daneden.github.io/animate.css/)

If you’d rather use a cdn

- [https://cdnjs.com/libraries/animate.css/](https://cdnjs.com/libraries/animate.css/)

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 8:10pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/11 "2017-07-13T20:10:11Z")

</div>

> [@0x0936](#):
>
> You need to include animate.css
> 
> `https://daneden.github.io/animate.css/`
> 
> If you’d rather use a cdn
> 
> `https://cdnjs.com/libraries/animate.css/`

I didn’t realize he was using animation functions, though I think those same classes are available in bootstrap, though I may be wrong.

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 8:10pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/12 "2017-07-13T20:10:32Z")

</div>

```
`https://github.com/cod3radm/Create-Bootstrap-Headline.git`

```

I hope I did right!? jeje

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 8:11pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/13 "2017-07-13T20:11:39Z")

</div>

I’ll try that… thanks

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 8:12pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/14 "2017-07-13T20:12:37Z")

</div>

> [@cod3radm](#):
>
> I hope I did right!? jeje

The repository you provided was empty, I’m unable to check your source code.

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 8:24pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/15 "2017-07-13T20:24:15Z")

</div>

if you click on wiki… code for localhost

---

<div class="post-metadata">

**Author:** ![0x0936](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/0x0936/32/10552_2.png) [@0x0936](https://forum.freecodecamp.org/u/0x0936)\
**Post date:** [July 13, 2017, 8:25pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/16 "2017-07-13T20:25:10Z")

</div>

not functions, he’s using animation classes that are provided by animate.css (and abstracted away from the user in the jQuery section of FCC). there’s no relation between animate.css and bootstrap.

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 8:27pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/17 "2017-07-13T20:27:11Z")

</div>

Oh, alright, well include the following in the head:  
`<link href="https://cdnjs.com/libraries/animate.css/" rel='stylesheet' type='text/css'>`  
After you should be good 🙂

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 9:22pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/18 "2017-07-13T21:22:31Z")

</div>

So do I need to add the link animate.css as well… hmmm

> **[cod3radm/bootstrap-headline](https://github.com/cod3radm/bootstrap-headline)**
>
> Contribute to bootstrap-headline development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [July 13, 2017, 9:38pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/19 "2017-07-13T21:38:50Z")

</div>

> [@cod3radm](#):
>
> So do I need to add the link animate.css as well… hmmm

You did not correctly link it.

**This:**  
`<link href="https://cdnjs.com/libraries/animate.css/" rel='stylesheet' type='text/css'>`

**Should be:**  
`<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel='stylesheet' type='text/css'>`

You were linking to a page about the library, rather than the library itself which is part of the problem.

Make that change and let us know if it solved your problem 🙂

---

<div class="post-metadata">

**Author:** ![cod3radm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cod3radm/32/71283_2.png) [@cod3radm](https://forum.freecodecamp.org/u/cod3radm)\
**Post date:** [July 13, 2017, 9:50pm UTC](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940/20 "2017-07-13T21:50:55Z")

</div>

Ah ok… got it; thanks a lot @anon52159105 it worked… ye!

[Next page](https://forum.freecodecamp.org/t/jquery-links-for-localhost/135940.md?page=2)