# Do I need the 2 foundation.js links?

**URL:** https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621
**Category:** Beginners
**Created:** [October 19, 2020, 4:51pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621 "2020-10-19T16:51:25Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [October 19, 2020, 4:51pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621/1 "2020-10-19T16:51:25Z")

</div>

Do I need the top foundation.js link?  
` <script src="js/foundation.js"></script> <script> $(document).foundation(); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/js/foundation.min.js"></script>`

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [October 19, 2020, 6:18pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621/2 "2020-10-19T18:18:23Z")

</div>

So the first link is loading a local copy of the Foundation library. The third script is loading a CDN served version of the Foundation library. You only need to keep one of those, but whichever you choose it should be **before** the second script tag in you code block. Not sure of the version of Foundation your local copy, but you may need the second if you have used features that are only in Foundation 6.6.3 and the local version is significantly older.  
Cheers,  
Bob

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [October 19, 2020, 9:14pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621/3 "2020-10-19T21:14:39Z")

</div>

Is this right? I’m trying to tidy up.  
`</footer> <script src="js/vendor/jquery.js"></script> <script> $(document).foundation(); <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/js/foundation.min.js"></script> </script> <script type="text/javascript" src="https://use.fontawesome.com/releases/v5.13.1/js/all.js"></script> <script type="text/javascript" src="pgia/lib/pgia.js"></script> <script type="text/javascript" src="Simpleslideshow.js"></script> </body>`

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [October 20, 2020, 9:05am UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621/4 "2020-10-20T09:05:48Z")

</div>

Not quite:

> [@kat](#):
>
> `<script> $(document).foundation(); <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/js/foundation.min.js"></script> </script>`

You have your second script tag split and you need to have the second script **after** the third. Basically the second script is triggering the Foundation library, so you have to load the library before you trigger it. So:

```auto
</footer> 
<script src="js/vendor/jquery.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/js/foundation.min.js"></script>
<script>$(document).foundation();</script>
<script type="text/javascript" src="https://use.fontawesome.com/releases/v5.13.1/js/all.js"></script>
<script type="text/javascript" src="pgia/lib/pgia.js"></script>
<script type="text/javascript" src="Simpleslideshow.js"></script>
</body>

```

Cheers,  
Bob

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [October 20, 2020, 4:41pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621/5 "2020-10-20T16:41:11Z")

</div>

So the order is

1. Call jquery
2. Call foundation
3. initialize foundation
4. Call fonts
5. Call js plugin
6. Call js plugin

Order doesn’t matter for bottom plugins?

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [October 20, 2020, 5:16pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621/6 "2020-10-20T17:16:41Z")

</div>

As long as they are after the jQuery call - if they use jQuery.