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

WordPress WordPress Theme Development Working with CSS and JS in WordPress Themes How to Link to JS from functions.php File

Posted by Marlinda Davis
Marlinda Davis
7,423 Points

Do I have to delete $(document).foundation(); from index.html since we moved it to app.js?

Hello,

Since we moved the $(document).foundation(); function from index.html and wrapped it in the jQuery (document).ready function in app.js, am I supposed to delete it from index.html now?

This was what was in index.html: <script> $(document).foundation(); </script>

Then it was moved to app.js (with some other code) like this: jQuery(document).ready(function($) {

$(document).foundation();

$( ".nav-toggle" ).click(function() {
  $(this).toggleClass("open");
  $("nav").fadeToggle(100);

  return false;
});

});

So now do I have to delete it from index.html or do not delete it?

2 Answers

Trace Harris
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Trace Harris
Python Web Development Techdegree Graduate 22,065 Points
Trace Harris
.a{fill-rule:evenodd;}techdegree seal-36
Trace Harris
Python Web Development Techdegree Graduate 22,065 Points

yes since you have migrated your JavaScript to its own file. make sure that the file is linked to your html pages, best practices is to do this with script tags at the end of your document right before the closing body tag. also will need to link Jquery to your project as well this is best done by using a CDN and Jquery site as a link to that here http://jquery.com/download/

also google has one as well. place <script>your </script> tags after the <script>Jquery library tag</script>s so that your javascript will be of higher hierarchy between your scripts and Jquerys library. (sorry if my answer is long winded just want to make sure I have bases covered some of the info maybe redundant to you)

Greg Schudel
Greg Schudel
4,090 Points
Greg Schudel
Greg Schudel
4,090 Points

Correct me if I'm wrong, but I believe the answer is yes, erase that small snipped code from that index.html file

yes since you have migrated your JavaScript to its own file. make sure that the file is linked to your html pages, best practices is to do this with script tags at the end of your document right before the closing body tag. also will need to link Jquery to your project as well this is best done by using a CDN and Jquery site as a link to that here http://jquery.com/download/

Trace, correct me if I'm wrong, but Zac uses a different solution to attach jquery and script files within the function file. . He explains this around the middle/end of the video. Lemme know if I misunderstood your answer or the video. And thanks for being helpful!