The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Where to place Javascript?

  • # March 2, 2010 at 6:58 pm

    Hey guys I’m trying to follow this tutorial on the site:

    I’ve got jQuery working on my page I just wanted to know whereabouts I enter this chunk of code (below).

    $(document).ready(function() {
    $(‘span.pullquote).each(function(index) {
    var $parentParagraph = $(this).parent(‘p’);
    $parentParagraph.css(‘position’, ‘relative’);

    I’m not to familiar with Javascript. Thanks in advance.


    # March 3, 2010 at 2:23 am

    Hey Realphy,

    Don’t count on me for sure, because i’m not sure where exactly this code should go.

    But i believe that you should enter this code in the <head> tag and of course add the <script> tag to wrap this code up.

    It should be like thit


    # March 3, 2010 at 5:07 am

    I would always put it in the head myself – although some people like to add it to the end of the document, others just before the item that is using the script. You can add it anywhere you want. :)

    EDIT: As long as you put it between the <script> tag :)

    # March 3, 2010 at 8:34 am

    This reply has been reported for inappropriate content.

    I put my Javascript as the last thing before the </body> tag. Something like this.




    # March 3, 2010 at 6:29 pm

    Thanks guys. I put it just before closing the body tag.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed