Where do you put the JavaScript in a Genesis theme?

[dancoggins]

I'm using Foodie Pro. And building a slider with Chris Coyier's great advice at https://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/ .

Where do I put the jQuery JavaScript code? I've tried putting it in Genesis > Theme Settings > Header and Footer Scripts but that hasn't worked. Here's the code:

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

The site advises me to run after the DOM is ready. I'm just an intermediate coder and I don't understand this.

Thanks for your help.

[Victor Font]

Your code is not complete. You need to wrap your code in the following:

<script>
jQuery(document).ready(function ($) {
    "use strict";

});
</script>

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[dancoggins]

Thanks, Victor.

You made my day! I put it into the head script field with your bracketing code and voilà! Success, thanks to you.

Much appreciated,

Dan

[Author]

Posts